From d3425de2016b041aadf06437472c880a1ae8d886 Mon Sep 17 00:00:00 2001
From: Aniort <Aniort@users.noreply.github.com>
Date: Mon, 12 Feb 2024 08:43:52 +0000
Subject: [PATCH] deploy: 938fd2329f37995988ae3803cd60c81731c30723

---
 en/articles/index.html                        | 243 ++++++------
 .../watch-december-january-2024/index.html    | 369 ++++++++++++++++++
 en/index.html                                 |  24 +-
 feed-en.xml                                   |  10 +-
 feed-fr.xml                                   |  10 +-
 fr/articles/index.html                        | 267 +++++++------
 .../veille-decembre-janvier-2024/index.html   | 369 ++++++++++++++++++
 fr/index.html                                 |  24 +-
 8 files changed, 1058 insertions(+), 258 deletions(-)
 create mode 100644 en/articles/watch-december-january-2024/index.html
 create mode 100644 fr/articles/veille-decembre-janvier-2024/index.html

diff --git a/en/articles/index.html b/en/articles/index.html
index c26177718..77c2cc353 100644
--- a/en/articles/index.html
+++ b/en/articles/index.html
@@ -162,7 +162,7 @@
 
 
 
-<h1 aria-live="polite"><span id="filtersbar_counter" class="hidden-if-no-js">55</span>&nbsp;Technical articles <span id="search_title"></span></h1>
+<h1 aria-live="polite"><span id="filtersbar_counter" class="hidden-if-no-js">56</span>&nbsp;Technical articles <span id="search_title"></span></h1>
 <div class="d-flex col-md-5">
       <input type="search" id="search-article-text" placeholder="Search for an article" aria-label="Search for an article" class="form-control">
       <button class="btn btn-primary btn-inverse" id="search_article" aria-label="Launch the search for an article" title="Launch the search for an article">
@@ -226,7 +226,7 @@ <h2 id="filtersbar_label" class="h6 mb-0 pe-3">Filter by theme  :</h2>
   <li class="border-bottom border-light py-3" data-tags="veille">
     <article>
       <h2 class="mb-1">
-        <a href="/en/articles/watch-october-november-2023/" class="text-decoration-none">#a11y technical watch, October-November 2023</a>
+        <a href="/en/articles/watch-december-january-2024/" class="text-decoration-none">#a11y technical watch, December-January 2024</a>
       </h2>
       
        <span id="post_1" class="visually-hidden">Associated themes :</span>
@@ -237,6 +237,29 @@ <h2 class="mb-1">
             </li></ul>
       
       
+        <time class="text-muted" datetime="2024-01-05T00:00:00.000Z">January 05, 2024</time>
+      
+      
+        <p class="my-2">#a11y anthology, December-January 2024</p>
+      
+    </article>
+  </li>
+
+
+  <li class="border-bottom border-light py-3" data-tags="veille">
+    <article>
+      <h2 class="mb-1">
+        <a href="/en/articles/watch-october-november-2023/" class="text-decoration-none">#a11y technical watch, October-November 2023</a>
+      </h2>
+      
+       <span id="post_2" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_2"><li class="list-inline-item">
+              <a href="?tag=veille" class="btn btn-dark btn-sm">
+                Watch
+              </a>
+            </li></ul>
+      
+      
         <time class="text-muted" datetime="2023-12-05T00:00:00.000Z">December 05, 2023</time>
       
       
@@ -252,8 +275,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-august-september-2023/" class="text-decoration-none">#a11y technical watch, August-September 2023</a>
       </h2>
       
-       <span id="post_2" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_2"><li class="list-inline-item">
+       <span id="post_3" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_3"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -275,8 +298,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-june-july-2023/" class="text-decoration-none">#a11y technical watch, June-July 2023</a>
       </h2>
       
-       <span id="post_3" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_3"><li class="list-inline-item">
+       <span id="post_4" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_4"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -298,8 +321,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-april-may-2023/" class="text-decoration-none">#a11y technical watch, April-May 2023</a>
       </h2>
       
-       <span id="post_4" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_4"><li class="list-inline-item">
+       <span id="post_5" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_5"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -321,8 +344,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-february-march-2023/" class="text-decoration-none">#a11y technical watch, February - March 2023</a>
       </h2>
       
-       <span id="post_5" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_5"><li class="list-inline-item">
+       <span id="post_6" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_6"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -344,8 +367,8 @@ <h2 class="mb-1">
         <a href="/en/articles/form/part2/" class="text-decoration-none">Form part 2 - Submit your form</a>
       </h2>
       
-       <span id="post_6" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_6"><li class="list-inline-item">
+       <span id="post_7" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_7"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -375,8 +398,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-october-january-2023/" class="text-decoration-none">#a11y technical watch, October 2022-January 2023</a>
       </h2>
       
-       <span id="post_7" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_7"><li class="list-inline-item">
+       <span id="post_8" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_8"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -398,8 +421,8 @@ <h2 class="mb-1">
         <a href="/en/articles/form/part1/" class="text-decoration-none">Form part 1 - Structure your form</a>
       </h2>
       
-       <span id="post_8" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_8"><li class="list-inline-item">
+       <span id="post_9" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_9"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -429,8 +452,8 @@ <h2 class="mb-1">
         <a href="/en/articles/fact-sheet-accessibility/" class="text-decoration-none">Accessibility fact sheets</a>
       </h2>
       
-       <span id="post_9" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_9"><li class="list-inline-item">
+       <span id="post_10" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_10"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -460,8 +483,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-august-september-2022/" class="text-decoration-none">#a11y technical watch, August-October 2022</a>
       </h2>
       
-       <span id="post_10" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_10"><li class="list-inline-item">
+       <span id="post_11" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_11"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -483,8 +506,8 @@ <h2 class="mb-1">
         <a href="/en/articles/rgaa-va11ydette/" class="text-decoration-none">News on the Va11ydette</a>
       </h2>
       
-       <span id="post_11" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_11"><li class="list-inline-item">
+       <span id="post_12" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_12"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -510,8 +533,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-june-july-2022/" class="text-decoration-none">#a11y technical watch, June-July 2022</a>
       </h2>
       
-       <span id="post_12" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_12"><li class="list-inline-item">
+       <span id="post_13" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_13"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -533,8 +556,8 @@ <h2 class="mb-1">
         <a href="/en/articles/test-wcag-132/" class="text-decoration-none">How to maintain a logical sequential order (Wcag 1.3.2)</a>
       </h2>
       
-       <span id="post_13" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_13"><li class="list-inline-item">
+       <span id="post_14" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_14"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -560,8 +583,8 @@ <h2 class="mb-1">
         <a href="/en/articles/test-wcag-253/" class="text-decoration-none">How to test the WCAG 2.5.3 ?</a>
       </h2>
       
-       <span id="post_14" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_14"><li class="list-inline-item">
+       <span id="post_15" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_15"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -587,8 +610,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-april-may-2022/" class="text-decoration-none">#a11y technical watch, April-May 2022</a>
       </h2>
       
-       <span id="post_15" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_15"><li class="list-inline-item">
+       <span id="post_16" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_16"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -610,8 +633,8 @@ <h2 class="mb-1">
         <a href="/en/articles/accessible-table/" class="text-decoration-none">Tables in accessibility</a>
       </h2>
       
-       <span id="post_16" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_16"><li class="list-inline-item">
+       <span id="post_17" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_17"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -637,8 +660,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-february-march-2022/" class="text-decoration-none">#a11y technical watch, February-Maarch 2022</a>
       </h2>
       
-       <span id="post_17" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_17"><li class="list-inline-item">
+       <span id="post_18" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_18"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -660,8 +683,8 @@ <h2 class="mb-1">
         <a href="/en/articles/using-aria-current-attribute/" class="text-decoration-none">Using the aria-current attribute </a>
       </h2>
       
-       <span id="post_18" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_18"><li class="list-inline-item">
+       <span id="post_19" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_19"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -687,8 +710,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-december-january-2022/" class="text-decoration-none">#a11y technical watch, December-January 2022</a>
       </h2>
       
-       <span id="post_19" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_19"><li class="list-inline-item">
+       <span id="post_20" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_20"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -710,8 +733,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-october-november-2021/" class="text-decoration-none">#a11y technical watch, October-November 2021</a>
       </h2>
       
-       <span id="post_20" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_20"><li class="list-inline-item">
+       <span id="post_21" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_21"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -733,8 +756,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-august-september-2021/" class="text-decoration-none">Digital accessibility watch August - September 2021</a>
       </h2>
       
-       <span id="post_21" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_21"><li class="list-inline-item">
+       <span id="post_22" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_22"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -756,8 +779,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-june-july-2021/" class="text-decoration-none">#a11y technical watch, June-July 2021</a>
       </h2>
       
-       <span id="post_22" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_22"><li class="list-inline-item">
+       <span id="post_23" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_23"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -779,8 +802,8 @@ <h2 class="mb-1">
         <a href="/en/articles/font-size-and-colors/" class="text-decoration-none">Text size and color </a>
       </h2>
       
-       <span id="post_23" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_23"><li class="list-inline-item">
+       <span id="post_24" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_24"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -806,8 +829,8 @@ <h2 class="mb-1">
         <a href="/en/articles/disable-elements/" class="text-decoration-none">Disable HTML elements</a>
       </h2>
       
-       <span id="post_24" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_24"><li class="list-inline-item">
+       <span id="post_25" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_25"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -833,8 +856,8 @@ <h2 class="mb-1">
         <a href="/en/articles/single-page-app/" class="text-decoration-none">Recommendations for Single Page Applications</a>
       </h2>
       
-       <span id="post_25" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_25"><li class="list-inline-item">
+       <span id="post_26" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_26"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -860,8 +883,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-march-may-2021/" class="text-decoration-none">Digital accessibility watch March - May  2021</a>
       </h2>
       
-       <span id="post_26" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_26"><li class="list-inline-item">
+       <span id="post_27" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_27"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -883,8 +906,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-january-february-2021/" class="text-decoration-none">Digital accessibility watch January - February  2021</a>
       </h2>
       
-       <span id="post_27" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_27"><li class="list-inline-item">
+       <span id="post_28" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_28"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -906,8 +929,8 @@ <h2 class="mb-1">
         <a href="/en/articles/accessible-svg/" class="text-decoration-none">SVG images are used more and more on the web but what about their accessibility ?</a>
       </h2>
       
-       <span id="post_28" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_28"><li class="list-inline-item">
+       <span id="post_29" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_29"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -933,8 +956,8 @@ <h2 class="mb-1">
         <a href="/en/articles/autocomplete-component/" class="text-decoration-none">Best practices for the accessibility of an autocompletion component</a>
       </h2>
       
-       <span id="post_29" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_29"><li class="list-inline-item">
+       <span id="post_30" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_30"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -960,8 +983,8 @@ <h2 class="mb-1">
         <a href="/en/articles/download-links/" class="text-decoration-none">Some best practices for downloading links</a>
       </h2>
       
-       <span id="post_30" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_30"><li class="list-inline-item">
+       <span id="post_31" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_31"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -987,8 +1010,8 @@ <h2 class="mb-1">
         <a href="/en/articles/aria-live-alert/" class="text-decoration-none">The aria-live attribute and the role alert</a>
       </h2>
       
-       <span id="post_31" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_31"><li class="list-inline-item">
+       <span id="post_32" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_32"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1014,8 +1037,8 @@ <h2 class="mb-1">
         <a href="/en/articles/skip-links-best-practices/" class="text-decoration-none">Skip links best practices</a>
       </h2>
       
-       <span id="post_32" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_32"><li class="list-inline-item">
+       <span id="post_33" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_33"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1041,8 +1064,8 @@ <h2 class="mb-1">
         <a href="/en/articles/aria-status-messages/" class="text-decoration-none">Use ARIA for status messages</a>
       </h2>
       
-       <span id="post_33" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_33"><li class="list-inline-item">
+       <span id="post_34" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_34"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1068,8 +1091,8 @@ <h2 class="mb-1">
         <a href="/en/articles/accessible-name/" class="text-decoration-none">The accessible name in HTML</a>
       </h2>
       
-       <span id="post_34" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_34"><li class="list-inline-item">
+       <span id="post_35" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_35"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1095,8 +1118,8 @@ <h2 class="mb-1">
         <a href="/en/articles/aria-attributes-that-can-save-you/" class="text-decoration-none">ARIA attributes that can save you</a>
       </h2>
       
-       <span id="post_35" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_35"><li class="list-inline-item">
+       <span id="post_36" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_36"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1122,8 +1145,8 @@ <h2 class="mb-1">
         <a href="/en/articles/captcha-accessibility/" class="text-decoration-none">CAPTCHA Accessibility</a>
       </h2>
       
-       <span id="post_36" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_36"><li class="list-inline-item">
+       <span id="post_37" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_37"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1149,8 +1172,8 @@ <h2 class="mb-1">
         <a href="/en/articles/file-explorer/" class="text-decoration-none">File Explorer</a>
       </h2>
       
-       <span id="post_37" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_37"><li class="list-inline-item">
+       <span id="post_38" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_38"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1172,8 +1195,8 @@ <h2 class="mb-1">
         <a href="/en/articles/dynamic-focus/" class="text-decoration-none">Dynamic focus</a>
       </h2>
       
-       <span id="post_38" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_38"><li class="list-inline-item">
+       <span id="post_39" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_39"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1195,8 +1218,8 @@ <h2 class="mb-1">
         <a href="/en/articles/dropdown-menu/" class="text-decoration-none">Dropdown menu</a>
       </h2>
       
-       <span id="post_39" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_39"><li class="list-inline-item">
+       <span id="post_40" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_40"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1218,8 +1241,8 @@ <h2 class="mb-1">
         <a href="/en/articles/keyboard-navigation-aria/" class="text-decoration-none">Handling keyboard navigation for ARIA</a>
       </h2>
       
-       <span id="post_40" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_40"><li class="list-inline-item">
+       <span id="post_41" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_41"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1241,8 +1264,8 @@ <h2 class="mb-1">
         <a href="/en/articles/landmarks/" class="text-decoration-none">Landmarks ARIA</a>
       </h2>
       
-       <span id="post_41" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_41"><li class="list-inline-item">
+       <span id="post_42" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_42"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1264,8 +1287,8 @@ <h2 class="mb-1">
         <a href="/en/articles/price-vocalization/" class="text-decoration-none">Price vocalization</a>
       </h2>
       
-       <span id="post_42" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_42"><li class="list-inline-item">
+       <span id="post_43" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_43"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1287,8 +1310,8 @@ <h2 class="mb-1">
         <a href="/en/articles/technical-iframe/" class="text-decoration-none">Hiding technical iframe</a>
       </h2>
       
-       <span id="post_43" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_43"><li class="list-inline-item">
+       <span id="post_44" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_44"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1310,8 +1333,8 @@ <h2 class="mb-1">
         <a href="/en/articles/accessible-hiding/" class="text-decoration-none">Accessible hiding and aria-hidden example</a>
       </h2>
       
-       <span id="post_44" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_44"><li class="list-inline-item">
+       <span id="post_45" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_45"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1333,8 +1356,8 @@ <h2 class="mb-1">
         <a href="/en/articles/zoom/" class="text-decoration-none">Handling Zoom, enlarging text size</a>
       </h2>
       
-       <span id="post_45" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_45"><li class="list-inline-item">
+       <span id="post_46" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_46"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1356,8 +1379,8 @@ <h2 class="mb-1">
         <a href="/en/articles/listbox-and-keyboard-navigation/" class="text-decoration-none">Listbox and keyboard navigation</a>
       </h2>
       
-       <span id="post_46" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_46"><li class="list-inline-item">
+       <span id="post_47" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_47"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1379,8 +1402,8 @@ <h2 class="mb-1">
         <a href="/en/articles/listbox-with-checkboxes/" class="text-decoration-none">Listbox with checkboxes</a>
       </h2>
       
-       <span id="post_47" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_47"><li class="list-inline-item">
+       <span id="post_48" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_48"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1402,8 +1425,8 @@ <h2 class="mb-1">
         <a href="/en/articles/listbox/" class="text-decoration-none">Listbox</a>
       </h2>
       
-       <span id="post_48" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_48"><li class="list-inline-item">
+       <span id="post_49" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_49"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1425,8 +1448,8 @@ <h2 class="mb-1">
         <a href="/en/articles/tags/2/" class="text-decoration-none">Creating accessible “tags” 2/2</a>
       </h2>
       
-       <span id="post_49" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_49"><li class="list-inline-item">
+       <span id="post_50" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_50"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1448,8 +1471,8 @@ <h2 class="mb-1">
         <a href="/en/articles/tags/" class="text-decoration-none">Creating accessible “tags” 1/2</a>
       </h2>
       
-       <span id="post_50" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_50"><li class="list-inline-item">
+       <span id="post_51" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_51"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1471,8 +1494,8 @@ <h2 class="mb-1">
         <a href="/en/articles/make-a-screen-reader-talk/" class="text-decoration-none">Make a screen reader talk with JavaScript and ARIA</a>
       </h2>
       
-       <span id="post_51" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_51"><li class="list-inline-item">
+       <span id="post_52" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_52"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1494,8 +1517,8 @@ <h2 class="mb-1">
         <a href="/en/articles/dialogs/2/" class="text-decoration-none">Dialogs 2/2</a>
       </h2>
       
-       <span id="post_52" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_52"><li class="list-inline-item">
+       <span id="post_53" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_53"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1517,8 +1540,8 @@ <h2 class="mb-1">
         <a href="/en/articles/dialogs/1/" class="text-decoration-none">Dialogs 1/2</a>
       </h2>
       
-       <span id="post_53" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_53"><li class="list-inline-item">
+       <span id="post_54" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_54"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1540,8 +1563,8 @@ <h2 class="mb-1">
         <a href="/en/articles/chatbot/" class="text-decoration-none">Best practices for a chatbot</a>
       </h2>
       
-       <span id="post_54" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_54"><li class="list-inline-item">
+       <span id="post_55" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_55"><li class="list-inline-item">
               <a href="?tag=advanced" class="btn btn-dark btn-sm">
                 Advanced
               </a>
@@ -1567,8 +1590,8 @@ <h2 class="mb-1">
         <a href="/en/articles/html5-aria/" class="text-decoration-none">HTML5 &amp; ARIA</a>
       </h2>
       
-       <span id="post_55" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_55"><li class="list-inline-item">
+       <span id="post_56" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_56"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
diff --git a/en/articles/watch-december-january-2024/index.html b/en/articles/watch-december-january-2024/index.html
new file mode 100644
index 000000000..d7238c77c
--- /dev/null
+++ b/en/articles/watch-december-january-2024/index.html
@@ -0,0 +1,369 @@
+<!doctype html>
+<html lang="en" dir="ltr" class="no-js">
+  <head>
+    <meta charset="utf-8">    
+    <title>#a11y technical watch, December-January 2024 - Orange digital accessibility guidelines</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="google-site-verification" content="l2y2kYf6v887K8NW7L41pN29ueW0w5P02MJrUiP2JoA" />    
+    
+    <meta name="description" content="#a11y anthology, December-January 2024">
+            
+    <link rel="preconnect" href="https://code.jquery.com" crossorigin="anonymous">
+    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin="anonymous">
+    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
+    <link rel="preload" href="/assets/fonts/HelvNeue55_W1G.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+    <link rel="preload" href="/assets/fonts/HelvNeue75_W1G.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+    <link rel="alternate" type="application/rss+xml" title="Recommandations accessibilité Orange - Français" href="/feed-fr.xml" />
+    <link rel="alternate" type="application/rss+xml" title="Orange digital accessibility guidelines - English" href="/feed-en.xml" />
+    
+    <link rel="apple-touch-icon" href="/assets/images/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="/assets/images/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="/assets/images/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="mask-icon" href="/assets/images/safari-pinned-tab.svg" color="#563d7c">
+    <link rel="icon" href="/assets/images/favicon.ico">
+    
+    <link href="https://cdn.jsdelivr.net/npm/boosted@5.3.1/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-Q3wzptfwnbw1u019drn+ouP2GvlrCu/YVFXSu5YNe4jBpuFwU738RcnKa8PVyj8u" crossorigin="anonymous">
+    
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/styles/a11y-light.min.css">
+    
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="/assets/style.css">
+    <link rel="stylesheet" href="/assets/tarteaucitron-boosted.css"></head>
+  <body data-bs-spy="scroll" data-bs-offset="130" data-bs-target="#toc" style="position:relative;">
+    
+
+<header role="banner">
+  <nav class="navbar navbar-dark navbar-expand-lg bg-dark supra" aria-label="Skip links - Switch language">
+   <div class="container-lg">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+      <a href="#main-menu" class="nav-link">Go to menu</a>
+    </li><li class="nav-item">
+      <a href="#main-content" class="nav-link">Go to content</a>
+    </li><li class="nav-item hidden-if-no-js">
+      <a href="#search-input" class="nav-link">Go to search</a>
+    </li><li class="nav-item">
+      <a href="#footer" class="nav-link">Go to footer</a>
+    </li></ul>
+
+      <ul class="navbar-nav">
+      <li class="nav-item">
+        <a href="/en/" class="nav-link active" aria-current="true" lang="en">
+        English
+        </a>
+      </li>
+      <li class="nav-item">
+        <a href="/fr/" class="nav-link" lang="fr">
+        Français
+        </a>
+      </li></ul>
+    </div>
+  </nav>
+  
+  
+
+<div class="navbar navbar-dark bg-dark navbar-expand-md">
+  <nav id="main-menu" class="container-lg justify-content-md-start" role="navigation" aria-label="Main navigation">
+    <a href="/en/" class="navbar-brand flex-grow-1 flex-md-grow-0" title="Orange, go to homepage">
+      <img src="/assets/images/orange-logo.svg" alt="Orange, go to homepage" width="50" height="50">
+    </a>
+
+    <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#main-menu-list" aria-controls="main-menu-list" aria-expanded="false" aria-label="Navigation menu">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse me-auto" id="main-menu-list">
+      <ul class="navbar-nav me-auto">
+            <li class="nav-item">
+              <a href="/en/" class="nav-link">
+  Home 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/en/planning/" class="nav-link">
+  Planning 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/en/web/" class="nav-link">
+  Web  <span class="visually-hidden">Menu</span> 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/en/mobile/android/" class="nav-link">
+  Android 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/en/mobile/ios/" class="nav-link">
+  iOS 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/en/content-and-communication/" class="nav-link">
+  Content and communication 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/en/articles/" class="nav-link active" aria-current="true">
+  Articles 
+</a>
+            </li><li class="nav-item d-md-none">
+  <span class="visually-hidden">Switch language</span>
+  <ul class="d-flex list-inline">
+      <li class="list-inline-item flex-grow-1">
+        <a href="/en/" class="nav-link active" aria-current="true" lang="en">
+        English
+        </a>
+      </li>
+      <li class="list-inline-item flex-grow-1">
+        <a href="/fr/" class="nav-link" lang="fr">
+        Français
+        </a>
+      </li></ul>
+</li>
+      </ul>
+    </div>
+
+    <div id="search-input"></div>
+
+  </nav>
+</div>
+
+  
+</header>
+    <div class="container-lg pt-2">
+      
+      
+        
+
+<nav role="navigation" aria-labelledby="breadcrumb-label">
+  <p id="breadcrumb-label" class="visually-hidden">You are here:</p>
+  <ol class="breadcrumb">
+      
+        <li class="breadcrumb-item d-none d-sm-flex">
+          <a href="/en/">Home</a>
+        </li>
+      
+      
+        <li class="breadcrumb-item">
+          <a href="/en/articles/">Articles</a>
+        </li>
+      
+      
+        <li class="breadcrumb-item d-none d-sm-flex" aria-current="page">
+          #a11y technical watch, December-January 2024
+        </li>
+      </ol>
+</nav>
+
+      
+      <div class="MobileDropdownNavigationContainer d-flex flex-column flex-sm-row justify-content-between">
+        
+        
+          <nav id="mobile-toc" class="dropdown d-md-none" role="navigation" aria-labelledby="mobile-toc-dropdown-handler">
+      <button type="button" class="btn btn-secondary dropdown-toggle" id="mobile-toc-dropdown-handler" data-bs-toggle="dropdown" aria-expanded="false">
+        On this page
+      </button>
+      <div class="dropdown-menu dropdown-menu-right"><a href="#accessibility-in-laws-and-standards" class="dropdown-item text-wrap">Accessibility in laws and standards</a><a href="#accessibility-strategy" class="dropdown-item text-wrap">Accessibility strategy</a><a href="#test-accessibility" class="dropdown-item text-wrap">Test accessibility</a><a href="#technical-points" class="dropdown-item text-wrap">Technical points</a><a href="#feedback" class="dropdown-item text-wrap">Feedback</a><a href="#assistive-technologies" class="dropdown-item text-wrap">Assistive technologies</a><a href="#mobile-app-mobile-web" class="dropdown-item text-wrap">Mobile app, mobile web</a><a href="#ergonomics-ui-ux" class="dropdown-item text-wrap">Ergonomics, UI &amp; UX</a><a href="#resources" class="dropdown-item text-wrap">Resources</a><a href="#others" class="dropdown-item text-wrap">Others</a></div>
+    </nav>
+        
+      </div>
+    </div>
+    
+  <div class="container-lg pt-4">
+      <div class="row">
+        
+        <main id="main-content" class="col-md-9" role="main">
+            
+          <div class="mt-4">
+          <h1>Digital accessibility monitoring  December-January 2024</h1>
+<ul>
+<li>Always relevant, the great articles from the 24-day Advent calendar From the Web (fr): <a href="https://www.24joursdeweb.fr/">https://www.24joursdeweb.fr/</a></li>
+<li>“80% of invisible disabilities”, a figure that has always puzzled me, well at least here are some explanations (fr): <a href="https://www.24joursdeweb.fr/2023/fact-checking-80-des-handicaps-sont-invisibles/">https://www.24joursdeweb.fr/2023/fact-checking-80-des-handicaps-sont-invisibles/</a></li>
+<li>Again on these damn overlays, even the EC doesn't like them: <a href="https://commission.europa.eu/resources-partners/europa-web-guide/design-content-and">https://commission.europa.eu/resources-partners/europa-web-guide/design-content-and</a> -development/accessibility/testing-early-and-regularly/accessibility-overlays_en</li>
+<li>It's official, certain sanctions for non-compliance with a11y laws and the implementation of controls are here (fr): <a href="https://www.lefigaro.fr/flash-eco/accessibilite-numerique-les-cancres-de-l-administration-encourent-desormais-des-sanctions-20240101">https://www.lefigaro.fr/flash-eco/accessibilite-numerique-les-cancres-de-l-administration-encourent-desormais-des-sanctions-20240101</a> and <a href="https://www.faire-face.fr/2024/01/09/accessibilite-numerique-condamnations-ameliorations/">https://www.faire-face.fr/2024/01/09/accessibilite-numerique-condamnations-ameliorations/</a></li>
+<li>A working draft from WF3c for the new version of ARIA, 1.3 which can be commented on until 02/21: <a href="https://www.w3.org/news/2024/first-public-working-draft-accessible-rich-internet-applications-wai-aria-1-3/">https://www.w3.org/news/2024/first-public-working-draft-accessible-rich-internet-applications-wai-aria-1-3/</a></li>
+</ul>
+<h2 id="accessibility-in-laws-and-standards">Accessibility in laws and standards <a class="header-anchor" href="#accessibility-in-laws-and-standards" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Explanation of WCAG 3.2.6 Consistent help: <a href="https://www.digitala11y.com/understanding-wcag-sc-3-2-6-consistent-help-level-a/">https://www.digitala11y.com/understanding-wcag-sc-3-2-6-consistent-help-level-a/</a></li>
+<li>Explanation of WCAG 3.3.7 Redundant entry: <a href="https://www.digitala11y.com/understanding-wcag-sc-3-3-7-redundant-entry-level-a/">https://www.digitala11y.com/understanding-wcag-sc-3-3-7-redundant-entry-level-a/</a></li>
+<li>EN 301549 explained to developers: <a href="https://appt.org/en/guidelines/en-301-549?ref=accessible-mobile-apps-weekly.ghost.io">https://appt.org/en/guidelines/en-301-549?ref=accessible-mobile-apps-weekly.ghost.io</a></li>
+<li>The WCAG 2.2 repository in one image: <a href="https://intopia.digital/articles/intopia-launches-wcag-2-2-map/">https://intopia.digital/articles/intopia-launches-wcag-2-2-map/</a></li>
+</ul>
+<h2 id="accessibility-strategy">Accessibility strategy <a class="header-anchor" href="#accessibility-strategy" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Accessibility for a global company (fr): <a href="https://www.ekino.fr/publications/comment-generaliser-laccessibilite-au-sein-dune-entite-mondiale/">https://www.ekino.fr/publications/comment-generaliser-laccessibilite-au-sein-dune-entite-mondiale/</a></li>
+<li>16 lesser known errors from a11y: <a href="https://toward.studio/latest/16-lesser-known-accessibility-issues">https://toward.studio/latest/16-lesser-known-accessibility-issues</a></li>
+<li>Maintain a11y with developments: <a href="https://accessicart.com/6-reasons-why-accessibility-is-maintained-not-attained/">https://accessicart.com/6-reasons-why-accessibility-is-maintained-not-attained/</a></li>
+<li>Best practices for making text readable and understandable: <a href="https://blog.pope.tech/2023/12/07/accessible-text/">https://blog.pope.tech/2023/12/07/accessible-text/</a></li>
+</ul>
+<h2 id="test-accessibility">Test accessibility <a class="header-anchor" href="#test-accessibility" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Use the accessible tree in Chrome: <a href="https://blog.pope.tech/2023/11/27/how-to-use-chromes-accessibility-tree/">https://blog.pope.tech/2023/11/27/how-to-use-chromes-accessibility-tree/</a></li>
+<li>Automated a11y tools and shadow DOM: <a href="https://matuzo.at/blog/2024/automated-testing-tools-and-web-components">https://matuzo.at/blog/2024/automated-testing-tools-and-web-components</a></li>
+<li>Some very common errors in an audit: <a href="https://gomakethings.com/basic-accessibility-mistakes-i-often-see-in-audits/">https://gomakethings.com/basic-accessibility-mistakes-i-often-see-in-audits/</a></li>
+<li>The top 10 errors in 2023: <a href="https://www.tpgi.com/the-top-accessibility-errors-found-in-2023/">https://www.tpgi.com/the-top-accessibility-errors-found-in-2023/</a></li>
+<li></li>
+</ul>
+<h2 id="technical-points">Technical points <a class="header-anchor" href="#technical-points" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Everything about accessible chatbots: <a href="https://mitre.github.io/chatbot-accessibility-playbook/">https://mitre.github.io/chatbot-accessibility-playbook/</a></li>
+<li>An article also on a11y web chatbots: <a href="https://www.craigabbott.co.uk/blog/web-chat-accessibility-considerations/">https://www.craigabbott.co.uk/blog/web-chat-accessibility-considerations/</a></li>
+<li>The myths of keyboard navigation and WCAG: <a href="https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/">https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/</a></li>
+<li>Group the options of a select: <a href="https://html5accessibility.com/stuff/2024/01/12/options-for-optgroup-labeling-of-options/">https://html5accessibility.com/stuff/2024/01/12/options-for-optgroup-labeling-of-options/</a></li>
+<li>An essential to read, a11y notifications part 1: <a href="https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1/">https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1/</a></li>
+<li>A11y notifications part 2: <a href="https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-2/">https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-2/</a></li>
+<li>A11y best practices for external links: <a href="https://blog.pope.tech/2024/01/02/how-to-make-external-links-accessible/">https://blog.pope.tech/2024/01/02/how-to-make-external-links-accessible/</a></li>
+<li>A concern in criterion 2.5.8 Target size, interesting: <a href="https://adrianroselli.com/2023/12/2-5-8-adversarial-conformance.html">https://adrianroselli.com/2023/12/2-5-8-adversarial-conformance.html</a></li>
+<li>3 articles on drag'n drop and a11y, everything you need to know (in): <a href="https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-1/">https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-1/</a>, <a href="https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-2/">https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-2/</a> and <a href="https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-3/">https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-3/</a></li>
+</ul>
+<h2 id="feedback">Feedback <a class="header-anchor" href="#feedback" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>What doesn't work in a11y audits: <a href="https://cerovac.com/a11y/2023/12/potential-problems-with-accessibility-audits-and-what-to-do-about-them/">https://cerovac.com/a11y/2023/12/potential-problems-with-accessibility-audits-and-what-to-do-about-them/</a></li>
+<li>BBC and WCAG 2.2 via their design system, champions: <a href="https://accessibility.blog.gov.uk/2024/01/11/get-to-wcag-2-2-faster-with-the-gov-uk-design-system/">https://accessibility.blog.gov.uk/2024/01/11/get-to-wcag-2-2-faster-with-the-gov-uk-design-system/</a></li>
+<li>Some thoughts on currency names or abbreviations and the return of AT: <a href="https://www.tpgi.com/money-talks-formatting-currency-in-web-content/">https://www.tpgi.com/money-talks-formatting-currency-in-web-content/</a></li>
+<li>Interview with the head of a11y at TPGi, to read: <a href="https://www.tpgi.com/if-its-not-usable-its-not-accessible/?hss_channel=tw-18923531">https://www.tpgi.com/if-its-not-usable-its-not-accessible/?hss_channel=tw-18923531</a></li>
+<li>In a11y we don't do anything specific: <a href="https://nicsteenhout.substack.com/p/accessibility-specific-tech-requirements">https://nicsteenhout.substack.com/p/accessibility-specific-tech-requirements</a></li>
+<li>Continuation of the previous article, a11y yes but it depends on the context: <a href="https://yatil.net/blog/it-depends-indeed">https://yatil.net/blog/it-depends-indeed</a></li>
+<li>Not all screen reader users are blind: <a href="https://www.tempertemper.net/blog/not-all-screen-reader-users-are-blind">https://www.tempertemper.net/blog/not-all-screen-reader-users-are-blind</a></li>
+<li>The orange paradox in accessibility: <a href="https://www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio">https://www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio</a></li>
+</ul>
+<h2 id="assistive-technologies">Assistive technologies <a class="header-anchor" href="#assistive-technologies" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Support in screen readers for an accessible dynamic description, to read: <a href="https://www.darins.page/articles/dynamic-accessible-descriptions-reference">https://www.darins.page/articles/dynamic-accessible-descriptions-reference</a></li>
+<li>Still no real support for ABBR with or without title: <a href="https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html">https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html</a></li>
+</ul>
+<h2 id="mobile-app-mobile-web">Mobile app, mobile web <a class="header-anchor" href="#mobile-app-mobile-web" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>A demonstration application for components accessible in swiftUI, very very useful for developers: <a href="https://github.com/cvs-health/ios-swiftui-accessibility-techniques">https://github.com/cvs-health/ios-swiftui-accessibility-techniques</a></li>
+<li>Adapt a real keyboard to your iPhone: <a href="https://www.clicks.tech/">https://www.clicks.tech/</a></li>
+<li>“Be My Eyes” is a free app intended for blind or visually impaired people, relying on community support or on chatGPT for the description of the nearby environment: <a href="https://www.bemyeyes.com/language/english">https://www.bemyeyes.com/language/english</a></li>
+<li>Some essential resources to know for mobile accessibility: <a href="https://dev.to/steady5063/the-ultimate-mobile-accessibility-resource-guide-53gh">https://dev.to/steady5063/the-ultimate-mobile-accessibility-resource-guide-53gh</a></li>
+<li>Test the accessibility of your Flutter app directly in your IDE (fr): <a href="https://blog.octo.com/tester-laccessibilite-de-votre-app-flutter-directement-dans-votre-ide">https://blog.octo.com/tester-laccessibilite-de-votre-app-flutter-directement-dans-votre-ide</a></li>
+<li>An accessibility simulator on iOS: <a href="https://ios.moba11y.com/">https://ios.moba11y.com/</a></li>
+<li>Study by the company Fable on the main uses and problems of mobile accessibility: <a href="https://makeitfable.com/insights/insights-mobile-accessibility/">https://makeitfable.com/insights/insights-mobile-accessibility/</a></li>
+</ul>
+<h2 id="ergonomics-ui-ux">Ergonomics, UI &amp; UX <a class="header-anchor" href="#ergonomics-ui-ux" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Do not use the toggle buttons, otherwise...: <a href="https://axesslab.com/toggles-suck/">https://axesslab.com/toggles-suck/</a></li>
+<li>Design and dev in A11y, all responsible: <a href="https://cerovac.com/a11y/2024/01/mind-the-accessibility-gaps-most-of-accessibility-issues-originate-in-design-and-how-to-fix-that/">https://cerovac.com/a11y/2024/01/mind-the-accessibility-gaps-most-of-accessibility-issues-originate-in-design-and-how-to-fix-that/</a></li>
+<li>A site can be both beautiful and accessible: <a href="https://medium.com/@chiaracielo/an-accessible-website-wont-be-beautiful-really-076802c79e90">https://medium.com/@chiaracielo/an-accessible-website-wont-be-beautiful-really-076802c79e90</a></li>
+</ul>
+<h2 id="resources">Resources <a class="header-anchor" href="#resources" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>List of articles on MVP and accessibility: <a href="https://www.webaxe.org/your-mvp-must-be-accessible/">https://www.webaxe.org/your-mvp-must-be-accessible/</a></li>
+<li>Data visualization a11y: <a href="https://www.tpgi.com/making-data-visualizations-accessible/">https://www.tpgi.com/making-data-visualizations-accessible/</a></li>
+<li>Site of short explanatory videos on free screen readers (fr): <a href="http://monlecteurdecran.be/">http://monlecteurdecran.be/</a></li>
+<li>Description of interactive graphs, how to write it well: <a href="https://www.highcharts.com/blog/tutorials/accessible-descriptions-for-interactive-charts/">https://www.highcharts.com/blog/tutorials/accessible-descriptions-for-interactive-charts/</a></li>
+</ul>
+<h2 id="others">Others <a class="header-anchor" href="#others" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Theoretical models of disability: <a href="https://www.temesis.com/blog/modeles-theoriques-du-handicap/">https://www.temesis.com/blog/modeles-theoriques-du-handicap/</a></li>
+<li>AI to generate code for accessible components: <a href="https://userway.org/fixmycode/">https://userway.org/fixmycode/</a></li>
+<li>A Chrome plugin using AI to describe website images: <a href="https://youtu.be/XSyJ21wWSL4?si=nq1YpXPw-JI2nyWy">https://youtu.be/XSyJ21wWSL4?si=nq1YpXPw-JI2nyWy</a></li>
+</ul>
+
+          </div>
+        </main>
+        
+          <div class="col-md-3">
+            <div class="StickySideNavigation">
+              <nav id="toc" class="bg-200 p-3 d-none d-md-block" role="navigation" aria-labelledby="toc-title">
+      <h2 id="toc-title">On this page</h2>
+      <ul class="nav flex-column"><li class="nav-item position-relative">
+            <a href="#accessibility-in-laws-and-standards" class="nav-link text-muted">Accessibility in laws and standards</a></li><li class="nav-item position-relative">
+            <a href="#accessibility-strategy" class="nav-link text-muted">Accessibility strategy</a></li><li class="nav-item position-relative">
+            <a href="#test-accessibility" class="nav-link text-muted">Test accessibility</a></li><li class="nav-item position-relative">
+            <a href="#technical-points" class="nav-link text-muted">Technical points</a></li><li class="nav-item position-relative">
+            <a href="#feedback" class="nav-link text-muted">Feedback</a></li><li class="nav-item position-relative">
+            <a href="#assistive-technologies" class="nav-link text-muted">Assistive technologies</a></li><li class="nav-item position-relative">
+            <a href="#mobile-app-mobile-web" class="nav-link text-muted">Mobile app, mobile web</a></li><li class="nav-item position-relative">
+            <a href="#ergonomics-ui-ux" class="nav-link text-muted">Ergonomics, UI &amp; UX</a></li><li class="nav-item position-relative">
+            <a href="#resources" class="nav-link text-muted">Resources</a></li><li class="nav-item position-relative">
+            <a href="#others" class="nav-link text-muted">Others</a></li>
+      </ul>
+    </nav>
+            </div>
+          </div>
+        
+      </div>
+    </div>
+    
+
+<footer id="footer" class="o-footer" role="contentinfo">
+  <div class="container-lg">
+    <nav class="py-2" role="navigation">
+      <ul class="nav align-items-center flex-column flex-sm-row"><li class="nav-item">
+            <a href="/en/contact/" class="nav-link">
+  Contact 
+</a>
+          </li><li class="nav-item">
+            <a href="/en/about/" class="nav-link">
+  About 
+</a>
+          </li><li class="nav-item">
+            <a href="/feed-en.xml" class="nav-link">
+  RSS feed 
+</a>
+          </li><li class="nav-item">
+            <a href="/en/accessibility/" class="nav-link">
+  Accessibility 
+</a>
+          </li><li class="nav-item">
+            <a href="https://a11y-guidelines-orange.netlify.app/en/" class="nav-link">
+  Pre-release on Netlify 
+</a>
+          </li><li class="nav-item">
+          <a href="https://www.netlify.com" class="nav-link" title="Deploys by Netlify">
+            <img src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg" alt="Deploys by Netlify" width="89" height="40">
+          </a>
+        </li>
+        <li class="nav-item ms-sm-auto">
+          <a href="https://github.com/Orange-OpenSource/a11y-guidelines/issues/new?title=File%20path%20:%20'./src/en/articles/watch-december-january-2024.md'" class="nav-link" rel="noopener noreferrer" target="_blank" title="Report an error on GitHub (new window)">
+            Report an error on GitHub<span class="visually-hidden">&nbsp;(new window)</span><svg width="16" height="16" class="ms-1" viewBox="0 0 1000 1000" aria-hidden="true" focusable="false"><path class="cls-1" d="M374.908,308.958L600,309V109L921.719,430.9a74.988,74.988,0,0,1,0,106.044L600,859V659H325A150.027,150.027,0,0,0,175,809v81C98.941,830.528,50,737.929,50,633.891,50,454.436,195.466,308.958,374.908,308.958Z"/></svg>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</footer>
+
+    <nav role="navigation" class="back-to-top" aria-label="Back to top">
+      <a href="#top" class="back-to-top-link btn btn-icon btn-secondary" data-o-label="Back to top">
+        <span class="visually-hidden">Back to top</span>
+      </a>
+    </nav>
+    <script src="/assets/vendors/tarteaucitronjs/tarteaucitron.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+    
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+    
+    
+      <script src="https://cdn.jsdelivr.net/npm/boosted@5.3.1/dist/js/boosted.bundle.min.js" integrity="sha384-0biCFbLg/2tCnFChlPpLx46RGI2/8UP1Uk6n0Q0ATM7D0SbB4s1yTQcOjLV96X3h" crossorigin="anonymous"></script>
+    
+    
+      <script src="/assets/vendors/highlightjs/highlight.js"></script>
+    
+    <script>
+      const Application = {
+        lang: "en",
+        vendors: {
+          highlightJS: true,
+          highlightTitle: true
+        }
+      }
+    </script>
+    <script src="/assets/script.js"></script><script>
+      var tarteaucitronForceLanguage = "en"
+      tarteaucitron.init({"privacyUrl":"","hashtag":"#cookie-consent","cookieName":"cookie-consent","orientation":"bottom","showAlertSmall":false,"cookieslist":true,"adblocker":false,"showIcon":false,"AcceptAllCta":true,"highPrivacy":true,"handleBrowserDNTRequest":false,"removeCredit":false,"moreInfoLink":true,"useExternalCss":true,"readmoreLink":"/cookiespolicy","mandatory":false});var dataLayer = [{
+          'site_name': 'accessibility-guidelines',
+          'phase': 'prod'
+        }];
+        tarteaucitron.user.googletagmanagerId = "GTM-N3M5VXS";
+        (tarteaucitron.job = tarteaucitron.job || []).push('googletagmanager');docsearch({"appId":"QML88ZHQMQ","apiKey":"92e5543d97d72ef6a3ba61b241a75b19","indexName":"a11y-guidelines-orange","container":"#search-input","searchParameters":{"facetFilters":["language:en"]},"placeholder":"Search doc","translations":{"button":{"buttonText":"Search","buttonAriaLabel":"Search"},"modal":{"searchBox":{"resetButtonTitle":"Clear the query","resetButtonAriaLabel":"Clear the query","cancelButtonText":"Cancel","cancelButtonAriaLabel":"Cancel"},"startScreen":{"recentSearchesTitle":"Recent","noRecentSearchesText":"No recent searches","saveRecentSearchButtonTitle":"Save this search","removeRecentSearchButtonTitle":"Remove this search from history","favoriteSearchesTitle":"Favorite","removeFavoriteSearchButtonTitle":"Remove this search from favorites"},"errorScreen":{"titleText":"Unable to fetch results","helpText":"You might want to check your network connection."},"footer":{"selectText":"to select","selectKeyAriaLabel":"Enter key","navigateText":"to navigate","navigateUpKeyAriaLabel":"Arrow up","navigateDownKeyAriaLabel":"Arrow down","closeText":"to close","closeKeyAriaLabel":"Escape key","searchByText":"Search by"},"noResultsScreen":{"noResultsText":"No results for","suggestedQueryText":"Try searching for","reportMissingResultsText":"Believe this query should return results?","reportMissingResultsLinkText":"Let us know."}}},"debug":false});
+    </script>
+    <div id="a11y_heading_anchor_label" hidden>Anchor link</div>
+    <!--  This file is part of a11y-guidelines | Our vision of mobile & web accessibility guidelines and best practices, with valid/invalid examples. Copyright (C) 2016 - 2024 Orange SA. See the Creative Commons Legal Code Attribution-ShareAlike 3.0 Unported License for more details (LICENCE file). -->
+
+  </body>
+</html>
diff --git a/en/index.html b/en/index.html
index 6573a1ffe..60ebe6cd1 100644
--- a/en/index.html
+++ b/en/index.html
@@ -228,6 +228,18 @@ <h2>Last posts</h2>
         </div>
       </div>
       <ol class="list-unstyled row"><li class="col-md-4 pb-3 d-flex">
+      <article class="bg-white p-3 flex-grow-1">
+        <h3 class="mb-1">
+          <a href="/en/articles/watch-december-january-2024/" class="text-decoration-none">#a11y technical watch, December-January 2024</a>
+        </h3>
+        
+          <time class="text-muted" datetime="2024-01-05T00:00:00.000Z">January 05, 2024</time>
+        
+        
+          <p class="my-2">#a11y anthology, December-January 2024</p>
+        
+      </article>
+    </li><li class="col-md-4 pb-3 d-flex">
       <article class="bg-white p-3 flex-grow-1">
         <h3 class="mb-1">
           <a href="/en/articles/watch-october-november-2023/" class="text-decoration-none">#a11y technical watch, October-November 2023</a>
@@ -286,18 +298,6 @@ <h3 class="mb-1">
         
           <p class="my-2">#a11y anthology, February - March 2023</p>
         
-      </article>
-    </li><li class="col-md-4 pb-3 d-flex">
-      <article class="bg-white p-3 flex-grow-1">
-        <h3 class="mb-1">
-          <a href="/en/articles/form/part2/" class="text-decoration-none">Form part 2 - Submit your form</a>
-        </h3>
-        
-          <time class="text-muted" datetime="2023-02-21T00:00:00.000Z">February 21, 2023</time>
-        
-        
-          <p class="my-2">Making a form accessible, part 2: Submitting your form, required field, error handling and the importance of the autocomplete attribute</p>
-        
       </article>
     </li></ol>
     </section>
diff --git a/feed-en.xml b/feed-en.xml
index 627e7f142..a22947fe4 100644
--- a/feed-en.xml
+++ b/feed-en.xml
@@ -4,13 +4,21 @@
   <subtitle>Last articles in English</subtitle>
   <link href="https://a11y-guidelines.orange.com/feed-en.xml" rel="self"/>
   <link href="https://a11y-guidelines.orange.com/feed-en.xml"/>
-  <updated>2023-12-05T00:00:00Z</updated>
+  <updated>2024-01-05T00:00:00Z</updated>
   <id>https://a11y-guidelines.orange.com/</id>  
   <author>
     <name>a11yguideline Orange</name>
     <email>accessibility.group@orange.com</email>
   </author>
   
+  <entry>
+    <title>#a11y technical watch, December-January 2024</title>
+    <link href="https://a11y-guidelines.orange.com/en/articles/watch-december-january-2024/"/>
+    <updated>2024-01-05T00:00:00Z</updated>
+    <id>https://a11y-guidelines.orange.com/en/articles/watch-december-january-2024/</id>
+    <content xml:lang="en" type="html">#a11y anthology, December-January 2024</content>
+  </entry>
+  
   <entry>
     <title>#a11y technical watch, October-November 2023</title>
     <link href="https://a11y-guidelines.orange.com/en/articles/watch-october-november-2023/"/>
diff --git a/feed-fr.xml b/feed-fr.xml
index 9e35b10bd..ed5d1e906 100644
--- a/feed-fr.xml
+++ b/feed-fr.xml
@@ -4,13 +4,21 @@
   <subtitle>Les derniers articles en français</subtitle>
   <link href="https://a11y-guidelines.orange.com/feed-fr.xml" rel="self"/>
   <link href="https://a11y-guidelines.orange.com/"/>
-  <updated>2023-12-05T00:00:00Z</updated>
+  <updated>2024-01-05T00:00:00Z</updated>
   <id>https://a11y-guidelines.orange.com/</id>  
   <author>
     <name>a11yguideline Orange</name>
     <email>accessibility.group@orange.com</email>
   </author>
   
+  <entry>
+    <title>Veille #A11y Décembre-Janvier 2024</title>
+    <link href="https://a11y-guidelines.orange.com/fr/articles/veille-decembre-janvier-2024/"/>
+    <updated>2024-01-05T00:00:00Z</updated>
+    <id>https://a11y-guidelines.orange.com/fr/articles/veille-decembre-janvier-2024/</id>
+    <content xml:lang="fr" type="html">Florilège de ressources en #a11y, Décembre-Janvier 2024</content>
+  </entry>
+  
   <entry>
     <title>Veille #A11y Octobre-Novembre 2023</title>
     <link href="https://a11y-guidelines.orange.com/fr/articles/veille-octobre-novembre-2023/"/>
diff --git a/fr/articles/index.html b/fr/articles/index.html
index cff5aa43c..6684dcfc0 100644
--- a/fr/articles/index.html
+++ b/fr/articles/index.html
@@ -162,7 +162,7 @@
 
 
 
-<h1 aria-live="polite"><span id="filtersbar_counter" class="hidden-if-no-js">61</span>&nbsp;Articles techniques <span id="search_title"></span></h1>
+<h1 aria-live="polite"><span id="filtersbar_counter" class="hidden-if-no-js">62</span>&nbsp;Articles techniques <span id="search_title"></span></h1>
 <div class="d-flex col-md-5">
       <input type="search" id="search-article-text" placeholder="Rechercher un article" aria-label="Rechercher un article" class="form-control">
       <button class="btn btn-primary btn-inverse" id="search_article" aria-label="Lancer la recherche d'un article" title="Lancer la recherche d'un article">
@@ -228,7 +228,7 @@ <h2 id="filtersbar_label" class="h6 mb-0 pe-3">Filtrer par thématique :</h2>
   <li class="border-bottom border-light py-3" data-tags="veille">
     <article>
       <h2 class="mb-1">
-        <a href="/fr/articles/veille-octobre-novembre-2023/" class="text-decoration-none">Veille #A11y Octobre-Novembre 2023</a>
+        <a href="/fr/articles/veille-decembre-janvier-2024/" class="text-decoration-none">Veille #A11y Décembre-Janvier 2024</a>
       </h2>
       
        <span id="post_1" class="visually-hidden">Thématiques associées :</span>
@@ -239,6 +239,29 @@ <h2 class="mb-1">
             </li></ul>
       
       
+        <time class="text-muted" datetime="2024-01-05T00:00:00.000Z">05 janvier 2024</time>
+      
+      
+        <p class="my-2">Florilège de ressources en #a11y, Décembre-Janvier 2024</p>
+      
+    </article>
+  </li>
+
+
+  <li class="border-bottom border-light py-3" data-tags="veille">
+    <article>
+      <h2 class="mb-1">
+        <a href="/fr/articles/veille-octobre-novembre-2023/" class="text-decoration-none">Veille #A11y Octobre-Novembre 2023</a>
+      </h2>
+      
+       <span id="post_2" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_2"><li class="list-inline-item">
+              <a href="?tag=veille" class="btn btn-dark btn-sm">
+                Veille
+              </a>
+            </li></ul>
+      
+      
         <time class="text-muted" datetime="2023-12-05T00:00:00.000Z">05 décembre 2023</time>
       
       
@@ -254,8 +277,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/wcag22-release/" class="text-decoration-none">Sortie des WCAG 2.2 sur la Va11ydette</a>
       </h2>
       
-       <span id="post_2" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_2"><li class="list-inline-item">
+       <span id="post_3" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_3"><li class="list-inline-item">
               <a href="?tag=intermediate" class="btn btn-dark btn-sm">
                 Intermédiaire
               </a>
@@ -277,8 +300,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-aout-septembre-2023/" class="text-decoration-none">Veille #A11y Août-Septembre 2023</a>
       </h2>
       
-       <span id="post_3" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_3"><li class="list-inline-item">
+       <span id="post_4" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_4"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -300,8 +323,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-juin-juillet-2023/" class="text-decoration-none">Veille #A11y Juin-Juillet 2023</a>
       </h2>
       
-       <span id="post_4" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_4"><li class="list-inline-item">
+       <span id="post_5" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_5"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -323,8 +346,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/liens-evitement/" class="text-decoration-none">Les bonnes pratiques pour les liens d’évitements</a>
       </h2>
       
-       <span id="post_5" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_5"><li class="list-inline-item">
+       <span id="post_6" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_6"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -350,8 +373,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-avril-mai-2023/" class="text-decoration-none">Veille #A11y Avril-Mai 2023</a>
       </h2>
       
-       <span id="post_6" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_6"><li class="list-inline-item">
+       <span id="post_7" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_7"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -373,8 +396,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-fevrier-mars-2023/" class="text-decoration-none">Veille #A11y Février-Mars 2023</a>
       </h2>
       
-       <span id="post_7" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_7"><li class="list-inline-item">
+       <span id="post_8" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_8"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -396,8 +419,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-octobre-janvier-2023/" class="text-decoration-none">Veille #A11y Octobre 2022 -Janvier 2023</a>
       </h2>
       
-       <span id="post_8" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_8"><li class="list-inline-item">
+       <span id="post_9" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_9"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -419,8 +442,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/formulaires/part2/" class="text-decoration-none">Formulaire partie 2 - Soumettre son formulaire</a>
       </h2>
       
-       <span id="post_9" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_9"><li class="list-inline-item">
+       <span id="post_10" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_10"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -450,8 +473,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/formulaires/part1/" class="text-decoration-none">Formulaire partie 1 - Structurer son formulaire</a>
       </h2>
       
-       <span id="post_10" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_10"><li class="list-inline-item">
+       <span id="post_11" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_11"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -481,8 +504,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/memo-accessibilite/" class="text-decoration-none">Fiches mémos accessibilité</a>
       </h2>
       
-       <span id="post_11" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_11"><li class="list-inline-item">
+       <span id="post_12" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_12"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -512,8 +535,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-aout-septembre-2022/" class="text-decoration-none">Veille #A11y Août-Octobre 2022</a>
       </h2>
       
-       <span id="post_12" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_12"><li class="list-inline-item">
+       <span id="post_13" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_13"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -535,8 +558,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/Carrousel/" class="text-decoration-none">Les bonnes pratiques pour les carrousels</a>
       </h2>
       
-       <span id="post_13" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_13"><li class="list-inline-item">
+       <span id="post_14" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_14"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -562,8 +585,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/rgaa-va11ydette/" class="text-decoration-none">Nouveautés sur la Va11ydette</a>
       </h2>
       
-       <span id="post_14" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_14"><li class="list-inline-item">
+       <span id="post_15" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_15"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -589,8 +612,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/qr-code/" class="text-decoration-none">Améliorer l&#39;accessibilité des QR Codes</a>
       </h2>
       
-       <span id="post_15" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_15"><li class="list-inline-item">
+       <span id="post_16" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_16"><li class="list-inline-item">
               <a href="?tag=beginner" class="btn btn-dark btn-sm">
                 Débutant
               </a>
@@ -612,8 +635,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-juin-juillet-2022/" class="text-decoration-none">Veille #A11y Juin-Juillet 2022</a>
       </h2>
       
-       <span id="post_16" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_16"><li class="list-inline-item">
+       <span id="post_17" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_17"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -635,8 +658,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/annotations-accessibilite/" class="text-decoration-none">Spécifier l&#39;accessibilité de vos design grâce aux annotations</a>
       </h2>
       
-       <span id="post_17" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_17"><li class="list-inline-item">
+       <span id="post_18" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_18"><li class="list-inline-item">
               <a href="?tag=beginner" class="btn btn-dark btn-sm">
                 Débutant
               </a>
@@ -658,8 +681,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/tester-wcag-132/" class="text-decoration-none">Comment conserver un ordre séquentiel logique (WCAG 1.3.2)</a>
       </h2>
       
-       <span id="post_18" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_18"><li class="list-inline-item">
+       <span id="post_19" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_19"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -685,8 +708,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-avril-mai-2022/" class="text-decoration-none">Veille #A11y Avril-Mai 2022</a>
       </h2>
       
-       <span id="post_19" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_19"><li class="list-inline-item">
+       <span id="post_20" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_20"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -708,8 +731,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/tableau-accessible/" class="text-decoration-none">Les tableaux dans l&#39;accessibilité</a>
       </h2>
       
-       <span id="post_20" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_20"><li class="list-inline-item">
+       <span id="post_21" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_21"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -735,8 +758,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-fevrier-mars-2022/" class="text-decoration-none">Veille #A11y Février-Mars 2022</a>
       </h2>
       
-       <span id="post_21" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_21"><li class="list-inline-item">
+       <span id="post_22" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_22"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -758,8 +781,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/persona/" class="text-decoration-none">Les personae</a>
       </h2>
       
-       <span id="post_22" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_22"><li class="list-inline-item">
+       <span id="post_23" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_23"><li class="list-inline-item">
               <a href="?tag=beginner" class="btn btn-dark btn-sm">
                 Débutant
               </a>
@@ -781,8 +804,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/utilisation-de-l-attribut-aria-current/" class="text-decoration-none">Utilisation de l&#39;attribut aria-current</a>
       </h2>
       
-       <span id="post_23" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_23"><li class="list-inline-item">
+       <span id="post_24" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_24"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -808,8 +831,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-decembre-janvier-2022/" class="text-decoration-none">Veille #A11y Décembre-Janvier 2022</a>
       </h2>
       
-       <span id="post_24" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_24"><li class="list-inline-item">
+       <span id="post_25" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_25"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -831,8 +854,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-octobre-novembre-2021/" class="text-decoration-none">Veille #A11y Octobre-Novembre 2021</a>
       </h2>
       
-       <span id="post_25" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_25"><li class="list-inline-item">
+       <span id="post_26" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_26"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -854,8 +877,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/tester-wcag-253/" class="text-decoration-none">Comment tester le WCAG 2.5.3 ?</a>
       </h2>
       
-       <span id="post_26" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_26"><li class="list-inline-item">
+       <span id="post_27" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_27"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -881,8 +904,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-aout-septembre-2021/" class="text-decoration-none">Veille accessibilité numérique Août – Septembre 2021</a>
       </h2>
       
-       <span id="post_27" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_27"><li class="list-inline-item">
+       <span id="post_28" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_28"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -904,8 +927,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-juin-juillet-2021/" class="text-decoration-none">Veille accessibilité numérique Juin – Juillet 2021</a>
       </h2>
       
-       <span id="post_28" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_28"><li class="list-inline-item">
+       <span id="post_29" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_29"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -927,8 +950,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/couleur-et-taille-du-texte/" class="text-decoration-none">Taille et couleur des textes</a>
       </h2>
       
-       <span id="post_29" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_29"><li class="list-inline-item">
+       <span id="post_30" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_30"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -954,8 +977,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/desactiver-des-elements/" class="text-decoration-none">Désactiver des éléments HTML</a>
       </h2>
       
-       <span id="post_30" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_30"><li class="list-inline-item">
+       <span id="post_31" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_31"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -981,8 +1004,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/single-page-app/" class="text-decoration-none">Recommandations pour les Single Page Applications (SPA)</a>
       </h2>
       
-       <span id="post_31" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_31"><li class="list-inline-item">
+       <span id="post_32" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_32"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1008,8 +1031,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-mars-mai-2021/" class="text-decoration-none">Veille accessibilité numérique Mars - Mai 2021</a>
       </h2>
       
-       <span id="post_32" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_32"><li class="list-inline-item">
+       <span id="post_33" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_33"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -1031,8 +1054,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-janvier-fevrier-2021/" class="text-decoration-none">Veille accessibilité numérique Janvier 2021 – février 2021</a>
       </h2>
       
-       <span id="post_33" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_33"><li class="list-inline-item">
+       <span id="post_34" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_34"><li class="list-inline-item">
               <a href="?tag=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -1054,8 +1077,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/svg-accessibles/" class="text-decoration-none">Les images SVG sont de plus en plus utilisées sur le web mais qu’en est-il de leur accessibilité ?</a>
       </h2>
       
-       <span id="post_34" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_34"><li class="list-inline-item">
+       <span id="post_35" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_35"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1081,8 +1104,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/recommandations-autocompletion/" class="text-decoration-none">Recommandations pour l&#39;accessibilité d&#39;un composant d&#39;autocomplétion</a>
       </h2>
       
-       <span id="post_35" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_35"><li class="list-inline-item">
+       <span id="post_36" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_36"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1108,8 +1131,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/liens-telechargement/" class="text-decoration-none">Les bonnes pratiques pour les liens de téléchargement</a>
       </h2>
       
-       <span id="post_36" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_36"><li class="list-inline-item">
+       <span id="post_37" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_37"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1135,8 +1158,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/aria-live-alert/" class="text-decoration-none">L&#39;attribut aria-live et le role alert</a>
       </h2>
       
-       <span id="post_37" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_37"><li class="list-inline-item">
+       <span id="post_38" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_38"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1162,8 +1185,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/le-nom-accessible-en-html/" class="text-decoration-none">Le nom accessible en HTML</a>
       </h2>
       
-       <span id="post_38" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_38"><li class="list-inline-item">
+       <span id="post_39" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_39"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1189,8 +1212,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/messages-de-statut-aria/" class="text-decoration-none">Utiliser ARIA, les messages d&#39;état, de statut ou contextuel</a>
       </h2>
       
-       <span id="post_39" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_39"><li class="list-inline-item">
+       <span id="post_40" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_40"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1216,8 +1239,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/les-captchas-et-l-accessibilite/" class="text-decoration-none">Les CAPTCHAs et l&#39;accessibilité</a>
       </h2>
       
-       <span id="post_40" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_40"><li class="list-inline-item">
+       <span id="post_41" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_41"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1243,8 +1266,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/explorateur-de-fichiers/" class="text-decoration-none">Explorateur de fichier</a>
       </h2>
       
-       <span id="post_41" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_41"><li class="list-inline-item">
+       <span id="post_42" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_42"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1266,8 +1289,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/gestion-dynamique-du-focus/" class="text-decoration-none">Gestion dynamique du focus</a>
       </h2>
       
-       <span id="post_42" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_42"><li class="list-inline-item">
+       <span id="post_43" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_43"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1289,8 +1312,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/menu-deroulant/" class="text-decoration-none">Exemple de menu déroulant</a>
       </h2>
       
-       <span id="post_43" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_43"><li class="list-inline-item">
+       <span id="post_44" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_44"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1312,8 +1335,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/navigation-clavier-avec-aria/" class="text-decoration-none">Gestion de la navigation clavier avec ARIA</a>
       </h2>
       
-       <span id="post_44" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_44"><li class="list-inline-item">
+       <span id="post_45" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_45"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1335,8 +1358,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/landmarks-aria/" class="text-decoration-none">Régions (landmarks) ARIA</a>
       </h2>
       
-       <span id="post_45" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_45"><li class="list-inline-item">
+       <span id="post_46" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_46"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1358,8 +1381,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/vocalisation-des-prix/" class="text-decoration-none">Vocalisation des prix</a>
       </h2>
       
-       <span id="post_46" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_46"><li class="list-inline-item">
+       <span id="post_47" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_47"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1381,8 +1404,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/iframes-techniques/" class="text-decoration-none">Masquer les iframe techniques</a>
       </h2>
       
-       <span id="post_47" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_47"><li class="list-inline-item">
+       <span id="post_48" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_48"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1404,8 +1427,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/masquage-accessible/" class="text-decoration-none">Exemple masquage accessible et aria-hidden</a>
       </h2>
       
-       <span id="post_48" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_48"><li class="list-inline-item">
+       <span id="post_49" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_49"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1427,8 +1450,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/zoom/" class="text-decoration-none">Gestion de l’agrandissement des caractères</a>
       </h2>
       
-       <span id="post_49" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_49"><li class="list-inline-item">
+       <span id="post_50" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_50"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1450,8 +1473,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/page-resultats-recherche/" class="text-decoration-none">Page de résultats de recherche</a>
       </h2>
       
-       <span id="post_50" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_50"><li class="list-inline-item">
+       <span id="post_51" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_51"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1473,8 +1496,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/listbox-et-navigation-clavier/" class="text-decoration-none">Les listbox et la navigation au clavier</a>
       </h2>
       
-       <span id="post_51" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_51"><li class="list-inline-item">
+       <span id="post_52" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_52"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1496,8 +1519,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/listbox-avec-cases-a-cocher/" class="text-decoration-none">Les listbox avec cases à cocher</a>
       </h2>
       
-       <span id="post_52" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_52"><li class="list-inline-item">
+       <span id="post_53" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_53"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1519,8 +1542,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/attributs-aria-qui-peuvent-vous-sauver/" class="text-decoration-none">Les attributs ARIA qui peuvent vous sauver !</a>
       </h2>
       
-       <span id="post_53" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_53"><li class="list-inline-item">
+       <span id="post_54" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_54"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1546,8 +1569,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/listbox/" class="text-decoration-none">Les listbox</a>
       </h2>
       
-       <span id="post_54" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_54"><li class="list-inline-item">
+       <span id="post_55" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_55"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1569,8 +1592,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/tags/2/" class="text-decoration-none">Créer des tags accessibles 2/2</a>
       </h2>
       
-       <span id="post_55" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_55"><li class="list-inline-item">
+       <span id="post_56" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_56"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1592,8 +1615,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/tags/" class="text-decoration-none">Créer des tags accessibles 1/2</a>
       </h2>
       
-       <span id="post_56" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_56"><li class="list-inline-item">
+       <span id="post_57" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_57"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1615,8 +1638,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/faire-parler-le-lecteur-d-ecran/" class="text-decoration-none">Faire parler le lecteur d&#39;écran à l&#39;aide de JavaScript et ARIA</a>
       </h2>
       
-       <span id="post_57" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_57"><li class="list-inline-item">
+       <span id="post_58" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_58"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1638,8 +1661,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/boites-de-dialogue/2/" class="text-decoration-none">Les boîtes de dialogue 2/2</a>
       </h2>
       
-       <span id="post_58" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_58"><li class="list-inline-item">
+       <span id="post_59" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_59"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1661,8 +1684,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/boites-de-dialogue/1/" class="text-decoration-none">Les boîtes de dialogue 1/2</a>
       </h2>
       
-       <span id="post_59" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_59"><li class="list-inline-item">
+       <span id="post_60" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_60"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1684,8 +1707,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/bonnes-pratiques-pour-un-chatbot/" class="text-decoration-none">Bonnes pratiques pour un chatbot</a>
       </h2>
       
-       <span id="post_60" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_60"><li class="list-inline-item">
+       <span id="post_61" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_61"><li class="list-inline-item">
               <a href="?tag=advanced" class="btn btn-dark btn-sm">
                 Avancé
               </a>
@@ -1711,8 +1734,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/html5-et-aria/" class="text-decoration-none">HTML5 &amp; ARIA</a>
       </h2>
       
-       <span id="post_61" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_61"><li class="list-inline-item">
+       <span id="post_62" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_62"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
diff --git a/fr/articles/veille-decembre-janvier-2024/index.html b/fr/articles/veille-decembre-janvier-2024/index.html
new file mode 100644
index 000000000..64ba341c9
--- /dev/null
+++ b/fr/articles/veille-decembre-janvier-2024/index.html
@@ -0,0 +1,369 @@
+<!doctype html>
+<html lang="fr" dir="ltr" class="no-js">
+  <head>
+    <meta charset="utf-8">    
+    <title>Veille #A11y Décembre-Janvier 2024 - Recommandations accessibilité numérique Orange</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="google-site-verification" content="l2y2kYf6v887K8NW7L41pN29ueW0w5P02MJrUiP2JoA" />    
+    
+    <meta name="description" content="Florilège de ressources en #a11y, Décembre-Janvier 2024">
+            
+    <link rel="preconnect" href="https://code.jquery.com" crossorigin="anonymous">
+    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin="anonymous">
+    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
+    <link rel="preload" href="/assets/fonts/HelvNeue55_W1G.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+    <link rel="preload" href="/assets/fonts/HelvNeue75_W1G.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+    <link rel="alternate" type="application/rss+xml" title="Recommandations accessibilité Orange - Français" href="/feed-fr.xml" />
+    <link rel="alternate" type="application/rss+xml" title="Orange digital accessibility guidelines - English" href="/feed-en.xml" />
+    
+    <link rel="apple-touch-icon" href="/assets/images/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="/assets/images/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="/assets/images/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="mask-icon" href="/assets/images/safari-pinned-tab.svg" color="#563d7c">
+    <link rel="icon" href="/assets/images/favicon.ico">
+    
+    <link href="https://cdn.jsdelivr.net/npm/boosted@5.3.1/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-Q3wzptfwnbw1u019drn+ouP2GvlrCu/YVFXSu5YNe4jBpuFwU738RcnKa8PVyj8u" crossorigin="anonymous">
+    
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/styles/a11y-light.min.css">
+    
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="/assets/style.css">
+    <link rel="stylesheet" href="/assets/tarteaucitron-boosted.css"></head>
+  <body data-bs-spy="scroll" data-bs-offset="130" data-bs-target="#toc" style="position:relative;">
+    
+
+<header role="banner">
+  <nav class="navbar navbar-dark navbar-expand-lg bg-dark supra" aria-label="Liens d&#39;évitements - Changement de langue">
+   <div class="container-lg">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+      <a href="#main-menu" class="nav-link">Aller au menu</a>
+    </li><li class="nav-item">
+      <a href="#main-content" class="nav-link">Aller au contenu</a>
+    </li><li class="nav-item hidden-if-no-js">
+      <a href="#search-input" class="nav-link">Aller à la recherche</a>
+    </li><li class="nav-item">
+      <a href="#footer" class="nav-link">Aller au pied de page</a>
+    </li></ul>
+
+      <ul class="navbar-nav">
+      <li class="nav-item">
+        <a href="/en/" class="nav-link" lang="en">
+        English
+        </a>
+      </li>
+      <li class="nav-item">
+        <a href="/fr/" class="nav-link active" aria-current="true" lang="fr">
+        Français
+        </a>
+      </li></ul>
+    </div>
+  </nav>
+  
+  
+
+<div class="navbar navbar-dark bg-dark navbar-expand-md">
+  <nav id="main-menu" class="container-lg justify-content-md-start" role="navigation" aria-label="Navigation principale">
+    <a href="/fr/" class="navbar-brand flex-grow-1 flex-md-grow-0" title="Orange, aller à l’accueil">
+      <img src="/assets/images/orange-logo.svg" alt="Orange, aller à l’accueil" width="50" height="50">
+    </a>
+
+    <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#main-menu-list" aria-controls="main-menu-list" aria-expanded="false" aria-label="Menu de navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse me-auto" id="main-menu-list">
+      <ul class="navbar-nav me-auto">
+            <li class="nav-item">
+              <a href="/fr/" class="nav-link">
+  Accueil 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/fr/cadrage/" class="nav-link">
+  Cadrage 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/fr/web/" class="nav-link">
+  Web  <span class="visually-hidden">Menu</span> 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/fr/mobile/android/" class="nav-link">
+  Android 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/fr/mobile/ios/" class="nav-link">
+  iOS 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/fr/contenu-et-communication/" class="nav-link">
+  Contenu et communication 
+</a>
+            </li>
+            <li class="nav-item">
+              <a href="/fr/articles/" class="nav-link active" aria-current="true">
+  Articles 
+</a>
+            </li><li class="nav-item d-md-none">
+  <span class="visually-hidden">Changement de langue</span>
+  <ul class="d-flex list-inline">
+      <li class="list-inline-item flex-grow-1">
+        <a href="/en/" class="nav-link" lang="en">
+        English
+        </a>
+      </li>
+      <li class="list-inline-item flex-grow-1">
+        <a href="/fr/" class="nav-link active" aria-current="true" lang="fr">
+        Français
+        </a>
+      </li></ul>
+</li>
+      </ul>
+    </div>
+
+    <div id="search-input"></div>
+
+  </nav>
+</div>
+
+  
+</header>
+    <div class="container-lg pt-2">
+      
+      
+        
+
+<nav role="navigation" aria-labelledby="breadcrumb-label">
+  <p id="breadcrumb-label" class="visually-hidden">Vous êtes ici&amp;nbsp;:</p>
+  <ol class="breadcrumb">
+      
+        <li class="breadcrumb-item d-none d-sm-flex">
+          <a href="/fr/">Accueil</a>
+        </li>
+      
+      
+        <li class="breadcrumb-item">
+          <a href="/fr/articles/">Articles</a>
+        </li>
+      
+      
+        <li class="breadcrumb-item d-none d-sm-flex" aria-current="page">
+          Veille #A11y Décembre-Janvier 2024
+        </li>
+      </ol>
+</nav>
+
+      
+      <div class="MobileDropdownNavigationContainer d-flex flex-column flex-sm-row justify-content-between">
+        
+        
+          <nav id="mobile-toc" class="dropdown d-md-none" role="navigation" aria-labelledby="mobile-toc-dropdown-handler">
+      <button type="button" class="btn btn-secondary dropdown-toggle" id="mobile-toc-dropdown-handler" data-bs-toggle="dropdown" aria-expanded="false">
+        Sur cette page
+      </button>
+      <div class="dropdown-menu dropdown-menu-right"><a href="#laccessibilite-dans-les-lois-et-les-normes" class="dropdown-item text-wrap">L&#39;accessibilité dans les lois et les normes</a><a href="#strategie-de-mise-en-accessibilite" class="dropdown-item text-wrap">Stratégie de mise en accessibilité</a><a href="#tester-laccessibilite" class="dropdown-item text-wrap">Tester l’accessibilité</a><a href="#points-techniques" class="dropdown-item text-wrap">Points techniques</a><a href="#retour-dexperience" class="dropdown-item text-wrap">Retour d&#39;expérience</a><a href="#aides-techniques" class="dropdown-item text-wrap">Aides techniques</a><a href="#appli-mobile-web-mobile" class="dropdown-item text-wrap">Appli mobile, web mobile</a><a href="#ergonomie-ui-ux" class="dropdown-item text-wrap">Ergonomie, UI &amp; UX</a><a href="#ressources" class="dropdown-item text-wrap">Ressources</a><a href="#autres" class="dropdown-item text-wrap">Autres</a></div>
+    </nav>
+        
+      </div>
+    </div>
+    
+  <div class="container-lg pt-4">
+      <div class="row">
+        
+        <main id="main-content" class="col-md-9" role="main">
+            
+          <div class="mt-4">
+          <h1>Veille accessibilité numérique Décembre-Janvier 2024</h1>
+<ul>
+<li>Toujours d'actualité, les chouettes articles du calendrier de l'avent 24j De Web : <a href="https://www.24joursdeweb.fr/">https://www.24joursdeweb.fr/</a></li>
+<li>&quot;80% de handicap invisibles&quot;, un chiffre qui m'a toujours interrogé, bon au moins voilà quelques explications : <a href="https://www.24joursdeweb.fr/2023/fact-checking-80-des-handicaps-sont-invisibles/">https://www.24joursdeweb.fr/2023/fact-checking-80-des-handicaps-sont-invisibles/</a></li>
+<li>Encore sur ces p**ain d'overlay, les surcouches d'a11y, même la CE ne les aime pas : <a href="https://commission.europa.eu/resources-partners/europa-web-guide/design-content-and-development/accessibility/testing-early-and-regularly/accessibility-overlays_en">https://commission.europa.eu/resources-partners/europa-web-guide/design-content-and-development/accessibility/testing-early-and-regularly/accessibility-overlays_en</a></li>
+<li>C'est officiel, certaines sanctions pour non respect des lois d'a11y et la mise en place des contrôles sont là :  <a href="https://www.lefigaro.fr/flash-eco/accessibilite-numerique-les-cancres-de-l-administration-encourent-desormais-des-sanctions-20240101">https://www.lefigaro.fr/flash-eco/accessibilite-numerique-les-cancres-de-l-administration-encourent-desormais-des-sanctions-20240101</a> et <a href="https://www.faire-face.fr/2024/01/09/accessibilite-numerique-condamnations-ameliorations/">https://www.faire-face.fr/2024/01/09/accessibilite-numerique-condamnations-ameliorations/</a></li>
+<li>Un working draft du WF3c pour la nouvelle version d'ARIA, la 1.3 qui peut être commenté jusqu'au 21/02 (en) : <a href="https://www.w3.org/news/2024/first-public-working-draft-accessible-rich-internet-applications-wai-aria-1-3/">https://www.w3.org/news/2024/first-public-working-draft-accessible-rich-internet-applications-wai-aria-1-3/</a></li>
+</ul>
+<h2 id="laccessibilite-dans-les-lois-et-les-normes">L'accessibilité dans les lois et les normes <a class="header-anchor" href="#laccessibilite-dans-les-lois-et-les-normes" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Explication de WCAG 3.2.6 Consistent help (en) : <a href="https://www.digitala11y.com/understanding-wcag-sc-3-2-6-consistent-help-level-a/">https://www.digitala11y.com/understanding-wcag-sc-3-2-6-consistent-help-level-a/</a></li>
+<li>Explication de WCAG 3.3.7 Redondant entry (en) : <a href="https://www.digitala11y.com/understanding-wcag-sc-3-3-7-redundant-entry-level-a/">https://www.digitala11y.com/understanding-wcag-sc-3-3-7-redundant-entry-level-a/</a></li>
+<li>EN 301549 expliqué aux développeurs (en) : <a href="https://appt.org/en/guidelines/en-301-549?ref=accessible-mobile-apps-weekly.ghost.io">https://appt.org/en/guidelines/en-301-549?ref=accessible-mobile-apps-weekly.ghost.io</a></li>
+<li>Le référentiel WCAG 2.2 en une image (en) : <a href="https://intopia.digital/articles/intopia-launches-wcag-2-2-map/">https://intopia.digital/articles/intopia-launches-wcag-2-2-map/</a></li>
+</ul>
+<h2 id="strategie-de-mise-en-accessibilite">Stratégie de mise en accessibilité <a class="header-anchor" href="#strategie-de-mise-en-accessibilite" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>L'accessibilité pour une entreprise mondiale : <a href="https://www.ekino.fr/publications/comment-generaliser-laccessibilite-au-sein-dune-entite-mondiale/">https://www.ekino.fr/publications/comment-generaliser-laccessibilite-au-sein-dune-entite-mondiale/</a></li>
+<li>16 erreurs moins connues d'a11y (en) : <a href="https://toward.studio/latest/16-lesser-known-accessibility-issues">https://toward.studio/latest/16-lesser-known-accessibility-issues</a></li>
+<li>Maintenir l'a11y avec les évolutions (en) : <a href="https://accessicart.com/6-reasons-why-accessibility-is-maintained-not-attained/">https://accessicart.com/6-reasons-why-accessibility-is-maintained-not-attained/</a></li>
+<li>Les bonnes pratiques pour rendre du texte lisible et compréhensible : <a href="https://blog.pope.tech/2023/12/07/accessible-text/">https://blog.pope.tech/2023/12/07/accessible-text/</a></li>
+</ul>
+<h2 id="tester-laccessibilite">Tester l’accessibilité <a class="header-anchor" href="#tester-laccessibilite" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Utiliser l'accessible tree dans Chrome (en) : <a href="https://blog.pope.tech/2023/11/27/how-to-use-chromes-accessibility-tree/">https://blog.pope.tech/2023/11/27/how-to-use-chromes-accessibility-tree/</a></li>
+<li>Outils auto d'a11y et shadow DOM (en) : <a href="https://matuzo.at/blog/2024/automated-testing-tools-and-web-components">https://matuzo.at/blog/2024/automated-testing-tools-and-web-components</a></li>
+<li>Quelques erreurs très communes dans un audit (en) : <a href="https://gomakethings.com/basic-accessibility-mistakes-i-often-see-in-audits/">https://gomakethings.com/basic-accessibility-mistakes-i-often-see-in-audits/</a></li>
+<li>Le top 10 des erreurs en 2023 (en) : <a href="https://www.tpgi.com/the-top-accessibility-errors-found-in-2023/">https://www.tpgi.com/the-top-accessibility-errors-found-in-2023/</a></li>
+<li></li>
+</ul>
+<h2 id="points-techniques">Points techniques <a class="header-anchor" href="#points-techniques" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Tout sur les chatbots accessibles (en) : <a href="https://mitre.github.io/chatbot-accessibility-playbook/">https://mitre.github.io/chatbot-accessibility-playbook/</a></li>
+<li>Un article aussi sur les chatbots web a11y (en) : <a href="https://www.craigabbott.co.uk/blog/web-chat-accessibility-considerations/">https://www.craigabbott.co.uk/blog/web-chat-accessibility-considerations/</a></li>
+<li>Les mythes de la navigation clavier et WCAG (en) : <a href="https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/">https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/</a></li>
+<li>Grouper les options d'un select (en) : <a href="https://html5accessibility.com/stuff/2024/01/12/options-for-optgroup-labeling-of-options/">https://html5accessibility.com/stuff/2024/01/12/options-for-optgroup-labeling-of-options/</a></li>
+<li>Un indispensable à lire, des notifs a11y part 1 (en) : <a href="https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1/">https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1/</a></li>
+<li>Notifs a11y part 2 (en) : <a href="https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-2/">https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-2/</a></li>
+<li>Bonnes pratiques a11y pour des liens externes (en) : <a href="https://blog.pope.tech/2024/01/02/how-to-make-external-links-accessible/">https://blog.pope.tech/2024/01/02/how-to-make-external-links-accessible/</a></li>
+<li>Un souci dans le critère 2.5.8 Target size, intéressant (en) : <a href="https://adrianroselli.com/2023/12/2-5-8-adversarial-conformance.html">https://adrianroselli.com/2023/12/2-5-8-adversarial-conformance.html</a></li>
+<li>3 articles sur drag'n drop et a11y, tout ce qu'il faut savoir (en) : <a href="https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-1/">https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-1/</a>, <a href="https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-2/">https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-2/</a> et <a href="https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-3/">https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-3/</a></li>
+</ul>
+<h2 id="retour-dexperience">Retour d'expérience <a class="header-anchor" href="#retour-dexperience" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Ce qui ne marche pas dans les audits d'a11y (en) : <a href="https://cerovac.com/a11y/2023/12/potential-problems-with-accessibility-audits-and-what-to-do-about-them/">https://cerovac.com/a11y/2023/12/potential-problems-with-accessibility-audits-and-what-to-do-about-them/</a></li>
+<li>BBC et WCAG 2.2 via leur design system, des champions (en) : <a href="https://accessibility.blog.gov.uk/2024/01/11/get-to-wcag-2-2-faster-with-the-gov-uk-design-system/">https://accessibility.blog.gov.uk/2024/01/11/get-to-wcag-2-2-faster-with-the-gov-uk-design-system/</a></li>
+<li>Quelques réflexions sur les noms ou abréviations des monnaies et le retour des AT (en)  : <a href="https://www.tpgi.com/money-talks-formatting-currency-in-web-content/">https://www.tpgi.com/money-talks-formatting-currency-in-web-content/</a></li>
+<li>Interview du responsable de l'a11y au TPGi, à lire (en) : <a href="https://www.tpgi.com/if-its-not-usable-its-not-accessible/?hss_channel=tw-18923531">https://www.tpgi.com/if-its-not-usable-its-not-accessible/?hss_channel=tw-18923531</a></li>
+<li>En a11y on fait pas du spécifique (en) : <a href="https://nicsteenhout.substack.com/p/accessibility-specific-tech-requirements">https://nicsteenhout.substack.com/p/accessibility-specific-tech-requirements</a></li>
+<li>Suite du précédent article, l'a11y oui mais ça depend du contexte (en) : <a href="https://yatil.net/blog/it-depends-indeed">https://yatil.net/blog/it-depends-indeed</a></li>
+<li>Tous les utilisateurs de lecteur d'écran ne sont pas aveugles (en) : <a href="https://www.tempertemper.net/blog/not-all-screen-reader-users-are-blind">https://www.tempertemper.net/blog/not-all-screen-reader-users-are-blind</a></li>
+<li>Le paradoxe du orange en accessibilité (en) : <a href="https://www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio">https://www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio</a></li>
+</ul>
+<h2 id="aides-techniques">Aides techniques <a class="header-anchor" href="#aides-techniques" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Support dans les lecteurs d'écran d'une accessible description dynamique, à lire (en) : <a href="https://www.darins.page/articles/dynamic-accessible-descriptions-reference">https://www.darins.page/articles/dynamic-accessible-descriptions-reference</a></li>
+<li>Toujours pas vraiment de support pour ABBR avec ou sans title (en) : <a href="https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html">https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html</a></li>
+</ul>
+<h2 id="appli-mobile-web-mobile">Appli mobile, web mobile <a class="header-anchor" href="#appli-mobile-web-mobile" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Une application de démonstration de composants accessibles en swiftUI, très très utile pour les développeurs : <a href="https://github.com/cvs-health/ios-swiftui-accessibility-techniques">https://github.com/cvs-health/ios-swiftui-accessibility-techniques</a></li>
+<li>Adapter un vrai clavier sur son iPhone : <a href="https://www.clicks.tech/">https://www.clicks.tech/</a></li>
+<li>&quot;Be My Eyes&quot; est une appli gratuite destinée aux personnes aveugles ou malvoyantes, s'appuyant sur l'entraide de la communauté ou sur chatGPT pour la description de l'environnement proche : <a href="https://www.bemyeyes.com/language/french">https://www.bemyeyes.com/language/french</a></li>
+<li>Quelques ressources essentielles à connaître pour l'accessibilité sur mobile : <a href="https://dev.to/steady5063/the-ultimate-mobile-accessibility-resource-guide-53gh">https://dev.to/steady5063/the-ultimate-mobile-accessibility-resource-guide-53gh</a></li>
+<li>Tester l'accessibilité de votre app Flutter directement dans votre IDE : <a href="https://blog.octo.com/tester-laccessibilite-de-votre-app-flutter-directement-dans-votre-ide">https://blog.octo.com/tester-laccessibilite-de-votre-app-flutter-directement-dans-votre-ide</a></li>
+<li>Un simulateur d'accessibilité sur iOS : <a href="https://ios.moba11y.com/">https://ios.moba11y.com/</a></li>
+<li>Etude de la société Fable sur les principaux usages et problèmes d'accessibilité mobile : <a href="https://makeitfable.com/insights/insights-mobile-accessibility/">https://makeitfable.com/insights/insights-mobile-accessibility/</a></li>
+</ul>
+<h2 id="ergonomie-ui-ux">Ergonomie, UI &amp; UX <a class="header-anchor" href="#ergonomie-ui-ux" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>N'utiliser pas les boutons toggle, sinon... (en) : <a href="https://axesslab.com/toggles-suck/">https://axesslab.com/toggles-suck/</a></li>
+<li>Design et dev en A11y, tous responsables (en) : <a href="https://cerovac.com/a11y/2024/01/mind-the-accessibility-gaps-most-of-accessibility-issues-originate-in-design-and-how-to-fix-that/">https://cerovac.com/a11y/2024/01/mind-the-accessibility-gaps-most-of-accessibility-issues-originate-in-design-and-how-to-fix-that/</a></li>
+<li>Un site peut être à la fois beau et accessible : <a href="https://medium.com/@chiaracielo/an-accessible-website-wont-be-beautiful-really-076802c79e90">https://medium.com/@chiaracielo/an-accessible-website-wont-be-beautiful-really-076802c79e90</a></li>
+</ul>
+<h2 id="ressources">Ressources <a class="header-anchor" href="#ressources" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Liste d'article sur MVP et accessibilité (en) : <a href="https://www.webaxe.org/your-mvp-must-be-accessible/">https://www.webaxe.org/your-mvp-must-be-accessible/</a></li>
+<li>Data visualisation a11y (en) : <a href="https://www.tpgi.com/making-data-visualizations-accessible/">https://www.tpgi.com/making-data-visualizations-accessible/</a></li>
+<li>Site de courtes vidéos explicatives sur les lecteurs d'écran gratuits : <a href="http://monlecteurdecran.be/">http://monlecteurdecran.be/</a></li>
+<li>Description de graphes interactifs, comment bien l'écrire (en) : <a href="https://www.highcharts.com/blog/tutorials/accessible-descriptions-for-interactive-charts/">https://www.highcharts.com/blog/tutorials/accessible-descriptions-for-interactive-charts/</a></li>
+</ul>
+<h2 id="autres">Autres <a class="header-anchor" href="#autres" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Les modèles théoriques du handicap : <a href="https://www.temesis.com/blog/modeles-theoriques-du-handicap/">https://www.temesis.com/blog/modeles-theoriques-du-handicap/</a></li>
+<li>AI pour générer un code pour composants accessibles (en) : <a href="https://userway.org/fixmycode/">https://userway.org/fixmycode/</a></li>
+<li>Un plugin Chrome utilisant l'IA pour décrire les images d'un site web : <a href="https://youtu.be/XSyJ21wWSL4?si=nq1YpXPw-JI2nyWy">https://youtu.be/XSyJ21wWSL4?si=nq1YpXPw-JI2nyWy</a></li>
+</ul>
+
+          </div>
+        </main>
+        
+          <div class="col-md-3">
+            <div class="StickySideNavigation">
+              <nav id="toc" class="bg-200 p-3 d-none d-md-block" role="navigation" aria-labelledby="toc-title">
+      <h2 id="toc-title">Sur cette page</h2>
+      <ul class="nav flex-column"><li class="nav-item position-relative">
+            <a href="#laccessibilite-dans-les-lois-et-les-normes" class="nav-link text-muted">L&#39;accessibilité dans les lois et les normes</a></li><li class="nav-item position-relative">
+            <a href="#strategie-de-mise-en-accessibilite" class="nav-link text-muted">Stratégie de mise en accessibilité</a></li><li class="nav-item position-relative">
+            <a href="#tester-laccessibilite" class="nav-link text-muted">Tester l’accessibilité</a></li><li class="nav-item position-relative">
+            <a href="#points-techniques" class="nav-link text-muted">Points techniques</a></li><li class="nav-item position-relative">
+            <a href="#retour-dexperience" class="nav-link text-muted">Retour d&#39;expérience</a></li><li class="nav-item position-relative">
+            <a href="#aides-techniques" class="nav-link text-muted">Aides techniques</a></li><li class="nav-item position-relative">
+            <a href="#appli-mobile-web-mobile" class="nav-link text-muted">Appli mobile, web mobile</a></li><li class="nav-item position-relative">
+            <a href="#ergonomie-ui-ux" class="nav-link text-muted">Ergonomie, UI &amp; UX</a></li><li class="nav-item position-relative">
+            <a href="#ressources" class="nav-link text-muted">Ressources</a></li><li class="nav-item position-relative">
+            <a href="#autres" class="nav-link text-muted">Autres</a></li>
+      </ul>
+    </nav>
+            </div>
+          </div>
+        
+      </div>
+    </div>
+    
+
+<footer id="footer" class="o-footer" role="contentinfo">
+  <div class="container-lg">
+    <nav class="py-2" role="navigation">
+      <ul class="nav align-items-center flex-column flex-sm-row"><li class="nav-item">
+            <a href="/fr/contact/" class="nav-link">
+  Contact 
+</a>
+          </li><li class="nav-item">
+            <a href="/fr/a-propos/" class="nav-link">
+  À propos 
+</a>
+          </li><li class="nav-item">
+            <a href="/feed-fr.xml" class="nav-link">
+  Flux rss 
+</a>
+          </li><li class="nav-item">
+            <a href="/fr/accessibilite/" class="nav-link">
+  Accessibilité 
+</a>
+          </li><li class="nav-item">
+            <a href="https://a11y-guidelines-orange.netlify.app/fr/" class="nav-link">
+  Pré-version sur Netlify 
+</a>
+          </li><li class="nav-item">
+          <a href="https://www.netlify.com" class="nav-link" title="Déploiements sur Netlify">
+            <img src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg" alt="Déploiements sur Netlify" width="89" height="40">
+          </a>
+        </li>
+        <li class="nav-item ms-sm-auto">
+          <a href="https://github.com/Orange-OpenSource/a11y-guidelines/issues/new?title=File%20path%20:%20'./src/fr/articles/veille-decembre-janvier-2024.md'" class="nav-link" rel="noopener noreferrer" target="_blank" title="Signaler une erreur sur GitHub (nouvelle fenêtre)">
+            Signaler une erreur sur GitHub<span class="visually-hidden">&nbsp;(nouvelle fenêtre)</span><svg width="16" height="16" class="ms-1" viewBox="0 0 1000 1000" aria-hidden="true" focusable="false"><path class="cls-1" d="M374.908,308.958L600,309V109L921.719,430.9a74.988,74.988,0,0,1,0,106.044L600,859V659H325A150.027,150.027,0,0,0,175,809v81C98.941,830.528,50,737.929,50,633.891,50,454.436,195.466,308.958,374.908,308.958Z"/></svg>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</footer>
+
+    <nav role="navigation" class="back-to-top" aria-label="Retour en haut de page">
+      <a href="#top" class="back-to-top-link btn btn-icon btn-secondary" data-o-label="Retour en haut de page">
+        <span class="visually-hidden">Retour en haut de page</span>
+      </a>
+    </nav>
+    <script src="/assets/vendors/tarteaucitronjs/tarteaucitron.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+    
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+    
+    
+      <script src="https://cdn.jsdelivr.net/npm/boosted@5.3.1/dist/js/boosted.bundle.min.js" integrity="sha384-0biCFbLg/2tCnFChlPpLx46RGI2/8UP1Uk6n0Q0ATM7D0SbB4s1yTQcOjLV96X3h" crossorigin="anonymous"></script>
+    
+    
+      <script src="/assets/vendors/highlightjs/highlight.js"></script>
+    
+    <script>
+      const Application = {
+        lang: "fr",
+        vendors: {
+          highlightJS: true,
+          highlightTitle: true
+        }
+      }
+    </script>
+    <script src="/assets/script.js"></script><script>
+      var tarteaucitronForceLanguage = "fr"
+      tarteaucitron.init({"privacyUrl":"","hashtag":"#cookie-consent","cookieName":"cookie-consent","orientation":"bottom","showAlertSmall":false,"cookieslist":true,"adblocker":false,"showIcon":false,"AcceptAllCta":true,"highPrivacy":true,"handleBrowserDNTRequest":false,"removeCredit":false,"moreInfoLink":true,"useExternalCss":true,"readmoreLink":"/cookiespolicy","mandatory":false});var dataLayer = [{
+          'site_name': 'accessibility-guidelines',
+          'phase': 'prod'
+        }];
+        tarteaucitron.user.googletagmanagerId = "GTM-N3M5VXS";
+        (tarteaucitron.job = tarteaucitron.job || []).push('googletagmanager');docsearch({"appId":"QML88ZHQMQ","apiKey":"92e5543d97d72ef6a3ba61b241a75b19","indexName":"a11y-guidelines-orange","container":"#search-input","searchParameters":{"facetFilters":["language:fr"]},"placeholder":"Rechercher sur le site","translations":{"button":{"buttonText":"Rechercher","buttonAriaLabel":"Rechercher"},"modal":{"searchBox":{"resetButtonTitle":"Effacer la recherche","resetButtonAriaLabel":"Effacer la recherche","cancelButtonText":"Annuler","cancelButtonAriaLabel":"Annuler"},"startScreen":{"recentSearchesTitle":"Récent","noRecentSearchesText":"Aucune recherche récente","saveRecentSearchButtonTitle":"Sauvegarder cette recherche","removeRecentSearchButtonTitle":"Supprimer cette recherche de l'historique","favoriteSearchesTitle":"Favoris","removeFavoriteSearchButtonTitle":"Supprimer cette recherche des favoris"},"errorScreen":{"titleText":"Impossible de récupérer les résultats","helpText":"Vous devriez peut-être vérifier votre connexion réseau."},"footer":{"selectText":"pour sélectionner","selectKeyAriaLabel":"La touche Entrée","navigateText":"pour naviguer","navigateUpKeyAriaLabel":"Flèche du haut","navigateDownKeyAriaLabel":"Flèche du bas","closeText":"pour fermer","closeKeyAriaLabel":"La touche échap","searchByText":"Recherché par"},"noResultsScreen":{"noResultsText":"Aucun résulat pour","suggestedQueryText":"Essayez de rechercher","reportMissingResultsText":"Vous pensez que cette recherche devrait renvoyer des résultats ?","reportMissingResultsLinkText":"Faites le nous savoir."}}},"debug":false});
+    </script>
+    <div id="a11y_heading_anchor_label" hidden>Lien pour ancrage</div>
+    <!--  This file is part of a11y-guidelines | Our vision of mobile & web accessibility guidelines and best practices, with valid/invalid examples. Copyright (C) 2016 - 2024 Orange SA. See the Creative Commons Legal Code Attribution-ShareAlike 3.0 Unported License for more details (LICENCE file). -->
+
+  </body>
+</html>
diff --git a/fr/index.html b/fr/index.html
index d5de3184e..61180a454 100644
--- a/fr/index.html
+++ b/fr/index.html
@@ -229,6 +229,18 @@ <h2>Derniers articles</h2>
         </div>
       </div>
       <ol class="list-unstyled row"><li class="col-md-4 pb-3 d-flex">
+      <article class="bg-white p-3 flex-grow-1">
+        <h3 class="mb-1">
+          <a href="/fr/articles/veille-decembre-janvier-2024/" class="text-decoration-none">Veille #A11y Décembre-Janvier 2024</a>
+        </h3>
+        
+          <time class="text-muted" datetime="2024-01-05T00:00:00.000Z">05 janvier 2024</time>
+        
+        
+          <p class="my-2">Florilège de ressources en #a11y, Décembre-Janvier 2024</p>
+        
+      </article>
+    </li><li class="col-md-4 pb-3 d-flex">
       <article class="bg-white p-3 flex-grow-1">
         <h3 class="mb-1">
           <a href="/fr/articles/veille-octobre-novembre-2023/" class="text-decoration-none">Veille #A11y Octobre-Novembre 2023</a>
@@ -287,18 +299,6 @@ <h3 class="mb-1">
         
           <p class="my-2">Les liens d&#39;évitement, qu&#39;est-ce et comment bien les mettre en œuvre</p>
         
-      </article>
-    </li><li class="col-md-4 pb-3 d-flex">
-      <article class="bg-white p-3 flex-grow-1">
-        <h3 class="mb-1">
-          <a href="/fr/articles/veille-avril-mai-2023/" class="text-decoration-none">Veille #A11y Avril-Mai 2023</a>
-        </h3>
-        
-          <time class="text-muted" datetime="2023-06-05T00:00:00.000Z">05 juin 2023</time>
-        
-        
-          <p class="my-2">Florilège de ressources en #a11y, Avril-Mai 2023</p>
-        
       </article>
     </li></ol>
     </section>