From 3a76cb65d730fa0cc28b9e234d8bff9d6cb76cfc Mon Sep 17 00:00:00 2001
From: Aniort <Aniort@users.noreply.github.com>
Date: Thu, 8 Aug 2024 14:45:17 +0000
Subject: [PATCH] deploy: 4b829bc967c9ea64890f0b86affcc908371f887f

---
 en/articles/index.html                        | 259 ++++++------
 en/articles/watch-june-july-2024/index.html   | 372 ++++++++++++++++++
 en/index.html                                 |  24 +-
 feed-en.xml                                   |  10 +-
 feed-fr.xml                                   |  10 +-
 fr/articles/index.html                        | 283 +++++++------
 .../veille-juin-juillet-2024/index.html       | 372 ++++++++++++++++++
 fr/index.html                                 |  24 +-
 8 files changed, 1080 insertions(+), 274 deletions(-)
 create mode 100644 en/articles/watch-june-july-2024/index.html
 create mode 100644 fr/articles/veille-juin-juillet-2024/index.html

diff --git a/en/articles/index.html b/en/articles/index.html
index 81cf56470..00b5e1c04 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">59</span>&nbsp;Technical articles <span id="search_title"></span></h1>
+<h1 aria-live="polite"><span id="filtersbar_counter" class="hidden-if-no-js">60</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-april-may-2024/" class="text-decoration-none">#a11y technical watch, April-May 2024</a>
+        <a href="/en/articles/watch-june-july-2024/" class="text-decoration-none">#a11y technical watch, June-July 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-08-07T00:00:00.000Z">August 07, 2024</time>
+      
+      
+        <p class="my-2">#a11y anthology, June-July 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-april-may-2024/" class="text-decoration-none">#a11y technical watch, April-May 2024</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="2024-06-07T00:00:00.000Z">June 07, 2024</time>
       
       
@@ -252,8 +275,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-february-march-2024/" class="text-decoration-none">#a11y technical watch, February - March 2024</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/how-to-test-ios/" class="text-decoration-none">Testing the accessibility of an iOS application</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=mobile" class="btn btn-dark btn-sm">
                 Mobile
               </a>
@@ -302,8 +325,8 @@ <h2 class="mb-1">
         <a href="/en/articles/watch-december-january-2024/" class="text-decoration-none">#a11y technical watch, December-January 2024</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>
@@ -325,8 +348,8 @@ <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_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>
@@ -348,8 +371,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -371,8 +394,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_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>
@@ -394,8 +417,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -417,8 +440,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -440,8 +463,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -471,8 +494,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -494,8 +517,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -525,8 +548,8 @@ <h2 class="mb-1">
         <a href="/en/articles/fact-sheet-accessibility/" class="text-decoration-none">Accessibility fact sheets</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>
@@ -556,8 +579,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -579,8 +602,8 @@ <h2 class="mb-1">
         <a href="/en/articles/rgaa-va11ydette/" class="text-decoration-none">News on the Va11ydette</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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -606,8 +629,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -629,8 +652,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -656,8 +679,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_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>
@@ -683,8 +706,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_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>
@@ -706,8 +729,8 @@ <h2 class="mb-1">
         <a href="/en/articles/accessible-table/" class="text-decoration-none">Tables in accessibility</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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -733,8 +756,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_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/using-aria-current-attribute/" class="text-decoration-none">Using the aria-current attribute </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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -783,8 +806,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -806,8 +829,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -829,8 +852,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -852,8 +875,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_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>
@@ -875,8 +898,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -902,8 +925,8 @@ <h2 class="mb-1">
         <a href="/en/articles/disable-elements/" class="text-decoration-none">Disable HTML elements</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>
@@ -929,8 +952,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_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>
@@ -956,8 +979,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -979,8 +1002,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_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=veille" class="btn btn-dark btn-sm">
                 Watch
               </a>
@@ -1002,8 +1025,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_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>
@@ -1029,8 +1052,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_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>
@@ -1056,8 +1079,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_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>
@@ -1083,8 +1106,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_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>
@@ -1110,8 +1133,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_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>
@@ -1137,8 +1160,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1164,8 +1187,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1191,8 +1214,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1218,8 +1241,8 @@ <h2 class="mb-1">
         <a href="/en/articles/captcha-accessibility/" class="text-decoration-none">CAPTCHA Accessibility</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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1245,8 +1268,8 @@ <h2 class="mb-1">
         <a href="/en/articles/file-explorer/" class="text-decoration-none">File Explorer</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>
@@ -1268,8 +1291,8 @@ <h2 class="mb-1">
         <a href="/en/articles/dynamic-focus/" class="text-decoration-none">Dynamic focus</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>
@@ -1291,8 +1314,8 @@ <h2 class="mb-1">
         <a href="/en/articles/dropdown-menu/" class="text-decoration-none">Dropdown menu</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>
@@ -1314,8 +1337,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_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>
@@ -1337,8 +1360,8 @@ <h2 class="mb-1">
         <a href="/en/articles/landmarks/" class="text-decoration-none">Landmarks ARIA</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>
@@ -1360,8 +1383,8 @@ <h2 class="mb-1">
         <a href="/en/articles/price-vocalization/" class="text-decoration-none">Price vocalization</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>
@@ -1383,8 +1406,8 @@ <h2 class="mb-1">
         <a href="/en/articles/technical-iframe/" class="text-decoration-none">Hiding technical iframe</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>
@@ -1406,8 +1429,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_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>
@@ -1429,8 +1452,8 @@ <h2 class="mb-1">
         <a href="/en/articles/zoom/" class="text-decoration-none">Handling Zoom, enlarging text size</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>
@@ -1452,8 +1475,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_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>
@@ -1475,8 +1498,8 @@ <h2 class="mb-1">
         <a href="/en/articles/listbox-with-checkboxes/" class="text-decoration-none">Listbox with checkboxes</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>
@@ -1498,8 +1521,8 @@ <h2 class="mb-1">
         <a href="/en/articles/listbox/" class="text-decoration-none">Listbox</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>
@@ -1521,8 +1544,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_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>
@@ -1544,8 +1567,8 @@ <h2 class="mb-1">
         <a href="/en/articles/tags/" class="text-decoration-none">Creating accessible “tags” 1/2</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=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1567,8 +1590,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_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=component" class="btn btn-dark btn-sm">
                 Component
               </a>
@@ -1590,8 +1613,8 @@ <h2 class="mb-1">
         <a href="/en/articles/dialogs/2/" class="text-decoration-none">Dialogs 2/2</a>
       </h2>
       
-       <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">
+       <span id="post_57" class="visually-hidden">Associated themes :</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">
                 Component
               </a>
@@ -1613,8 +1636,8 @@ <h2 class="mb-1">
         <a href="/en/articles/dialogs/1/" class="text-decoration-none">Dialogs 1/2</a>
       </h2>
       
-       <span id="post_57" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_57"><li class="list-inline-item">
+       <span id="post_58" class="visually-hidden">Associated themes :</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">
                 Component
               </a>
@@ -1636,8 +1659,8 @@ <h2 class="mb-1">
         <a href="/en/articles/chatbot/" class="text-decoration-none">Best practices for a chatbot</a>
       </h2>
       
-       <span id="post_58" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_58"><li class="list-inline-item">
+       <span id="post_59" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_59"><li class="list-inline-item">
               <a href="?tag=advanced" class="btn btn-dark btn-sm">
                 Advanced
               </a>
@@ -1663,8 +1686,8 @@ <h2 class="mb-1">
         <a href="/en/articles/html5-aria/" class="text-decoration-none">HTML5 &amp; ARIA</a>
       </h2>
       
-       <span id="post_59" class="visually-hidden">Associated themes :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_59"><li class="list-inline-item">
+       <span id="post_60" class="visually-hidden">Associated themes :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_60"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
diff --git a/en/articles/watch-june-july-2024/index.html b/en/articles/watch-june-july-2024/index.html
new file mode 100644
index 000000000..f3bbd91af
--- /dev/null
+++ b/en/articles/watch-june-july-2024/index.html
@@ -0,0 +1,372 @@
+<!doctype html>
+<html lang="en" dir="ltr" class="no-js">
+  <head>
+    <meta charset="utf-8">    
+    <title>#a11y technical watch, June-July 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, June-July 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, June-July 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-implementation-strategy" class="dropdown-item text-wrap">Accessibility implementation strategy</a><a href="#testing-accessibility" class="dropdown-item text-wrap">Testing 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="#eco-design" class="dropdown-item text-wrap">Eco-design</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 watch June-July 2024</h1>
+<p>We're back to accessibility overlays: <a href="https://www.joedolson.com/2024/07/overlays-misunderstand-accessibility/">https://www.joedolson.com/2024/07/overlays-misunderstand-accessibility/</a>.<br>
+And we continue with a nice class action lawsuit (it seems impossible in France) against AccessiBe, another overlay: <a href="https://www.lflegal.com/2024/07/accessibe-class-action/">https://www.lflegal.com/2024/07/accessibe-class-action/</a>.<br>
+Finally, some enthusiastic feedback on the magnificent, free and very well-attended A11y Paris conference (fr):<br>
+<a href="https://www.temesis.com/blog/a11y-paris-2024-nos-temps-forts/">https://www.temesis.com/blog/a11y-paris-2024-nos-temps-forts/</a> and <a href="https://access42.net/a11y-paris-2024-compte-rendu/">https://access42.net/a11y-paris-2024-compte-rendu/</a>.</p>
+<p>Still a lot of great content in these months of June and July, no vacation for the a11y!</p>
+<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>Draft note, Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies (WCAG2ICT): <a href="https://www.w3.org/TR/2024/DNOTE-wcag2ict-22-20240702/">https://www.w3.org/TR/2024/DNOTE-wcag2ict-22-20240702/</a></li>
+<li>Explanations following this draft note part 1, <a href="https://www.tpgi.com/new-advice-on-wcag-for-software-and-documents-part-1/">https://www.tpgi.com/new-advice-on-wcag-for-software-and-documents-part-1/</a> and part 2, <a href="https://www.tpgi.com/new-advice-on-wcag-for-software-and-documents-part-2/">https://www.tpgi.com/new-advice-on-wcag-for-software-and-documents-part-2/</a></li>
+<li>State of digital accessibility in Europe, digital trust 2024: <a href="https://www.digitaltrustindex.eu/">https://www.digitaltrustindex.eu/</a></li>
+<li>European Accessibility Act, the essentials: <a href="https://axesslab.com/european-accessibility-act-eaa-what-you-need-to-know/">https://axesslab.com/european-accessibility-act-eaa-what-you-need-to-know/</a></li>
+<li>W3C draft note on user requirements for collaborative tools, interesting: <a href="https://www.w3.org/TR/ctaur/">https://www.w3.org/TR/ctaur/</a></li>
+<li>Draft note on ethical principles of the web, it was missing: <a href="https://www.w3.org/TR/ethical-web-principles/">https://www.w3.org/TR/ethical-web-principles/</a></li>
+</ul>
+<h2 id="accessibility-implementation-strategy">Accessibility implementation strategy <a class="header-anchor" href="#accessibility-implementation-strategy" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>You should always name your landmarks: <a href="https://adrianroselli.com/2024/06/maybe-dont-name-that-landmark.html">https://adrianroselli.com/2024/06/maybe-dont-name-that-landmark.html</a></li>
+<li>To anticipate the a11y and not just fix it: <a href="https://www.deque.com/blog/transform-digital-accessibility-from-a-reactive-break-fix-to-a-proactive-shift-left/">https://www.deque.com/blog/transform-digital-accessibility-from-a-reactive-break-fix-to-a-proactive-shift-left/</a></li>
+</ul>
+<h2 id="testing-accessibility">Testing accessibility <a class="header-anchor" href="#testing-accessibility" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Usability tests a11y, comparing AT users and those without, to read: <a href="https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/">https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/</a></li>
+<li>Interesting considerations on SC &quot;1.4.11 non-text contrast&quot;, to read: <a href="https://yatil.net/blog/non-text-contrast-in-detail-ui-components">https://yatil.net/blog/non-text-contrast-in-detail-ui-components</a></li>
+<li>Audits, yes, but meh: <a href="https://yatil.net/blog/the-infuriating-inefficiency-of-accessibility-audits">https://yatil.net/blog/the-infuriating-inefficiency-of-accessibility-audits</a></li>
+<li>Testing a11y with modern CSS, a framework: <a href="https://heydonworks.com/article/testing-html-with-modern-css/">https://heydonworks.com/article/testing-html-with-modern-css/</a></li>
+<li>About a11y in Web Platform Tests: <a href="https://webkit.org/blog/15400/improving-web-accessibility-with-web-platform-tests/">https://webkit.org/blog/15400/improving-web-accessibility-with-web-platform-tests/</a></li>
+<li>First working draft for the Accessibility Conformance Testing Rules format: <a href="https://www.w3.org/news/2024/first-public-working-draft-accessibility-conformance-testing-act-rules-format-1-1/">https://www.w3.org/news/2024/first-public-working-draft-accessibility-conformance-testing-act-rules-format-1-1/</a></li>
+<li>A Chrome extension to test live regions: <a href="https://github.com/wizzyfx/nerdeRegionPlugIn">https://github.com/wizzyfx/nerdeRegionPlugIn</a></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>How to use aria-label and common mistakes: <a href="https://ideance.net/blog/2501/7-mauvaises-facons-dutiliser-lattribut-aria-label-la-troisieme-va-vous-surprendre/">https://ideance.net/blog/2501/7-mauvaises-facons-dutiliser-lattribut-aria-label-la-troisieme-va-vous-surprendre/</a></li>
+<li>An example for accessible comboboxes, the approach: <a href="https://blog.pope.tech/2024/07/01/create-an-accessible-combobox-using-aria/">https://blog.pope.tech/2024/07/01/create-an-accessible-combobox-using-aria/</a></li>
+<li>Be careful about the accessibility of &quot;grids&quot;: <a href="https://adrianroselli.com/2024/07/be-careful-using-grid.html">https://adrianroselli.com/2024/07/be-careful-using-grid.html</a></li>
+<li>How to use rem: <a href="https://www.a11y-collective.com/blog/what-is-rem-in-css/">https://www.a11y-collective.com/blog/what-is-rem-in-css/</a></li>
+<li>WCAG 1.3.5 input purpose explanations: <a href="https://www.digitala11y.com/what-are-the-autocomplete-attributes-defined-in-1-3-5-input-purpose/">https://www.digitala11y.com/what-are-the-autocomplete-attributes-defined-in-1-3-5-input-purpose/</a></li>
+<li>All about aria-expanded: <a href="https://www.a11y-collective.com/blog/aria-expanded/">https://www.a11y-collective.com/blog/aria-expanded/</a></li>
+<li>Accessible PDF forms: <a href="https://www.tpgi.com/accessible-pdf-forms-online-theres-a-catch/">https://www.tpgi.com/accessible-pdf-forms-online-theres-a-catch/</a></li>
+</ul>
+<h2 id="feedback">Feedback <a class="header-anchor" href="#feedback" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Inaccessibility of LinkedIn carousels: <a href="https://intopia.digital/articles/navigating-the-accessibility-challenges-of-linkedin-carousels/">https://intopia.digital/articles/navigating-the-accessibility-challenges-of-linkedin-carousels/</a></li>
+<li>Don't use web.dev: <a href="https://adrianroselli.com/2024/07/dont-use-webdev-for-accessibility-info.html">https://adrianroselli.com/2024/07/dont-use-webdev-for-accessibility-info.html</a></li>
+<li>Not always easy to have good examples of a11y: <a href="https://cerovac.com/a11y/2024/06/why-is-it-so-difficult-to-give-best-in-class-accessibility-examples-of-websites/">https://cerovac.com/a11y/2024/06/why-is-it-so-difficult-to-give-best-in-class-accessibility-examples-of-websites/</a></li>
+<li>How I write my alt, Adrian Roselli, practical and effective: <a href="https://adrianroselli.com/2024/05/my-approach-to-alt-text.html">https://adrianroselli.com/2024/05/my-approach-to-alt-text.html</a></li>
+<li>Feedback on the design pattern (ARIA du W3C) pagination, where it is reiterated that they are a proposal, not an obligation, nor a standard (in): <a href="https://adrianroselli.com/2024/07/feedback-on-a-pagination-pattern.html">https://adrianroselli.com/2024/07/feedback-on-a-pagination-pattern.html</a></li>
+<li>Dungeons and Dragons can inspire you for your replacement texts: <a href="https://ericwbailey.website/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/">https://ericwbailey.website/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/</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>Testimony of a screen reader user: <a href="https://ideance.net/blog/2341/stephane-hagues-lexperience-du-numerique-en-tant-que-personne-aveugle/">https://ideance.net/blog/2341/stephane-hagues-lexperience-du-numerique-en-tant-que-personne-aveugle/</a></li>
+<li>Navigating the web with the keyboard, how do we do it?: <a href="https://www.tempertemper.net/blog/how-to-browse-the-web-with-the-keyboard-alone">https://www.tempertemper.net/blog/how-to-browse-the-web-with-the-keyboard-alone</a></li>
+<li>The different types of browser zoom: <a href="https://www.oddbird.net/2024/07/09/zoomies/">https://www.oddbird.net/2024/07/09/zoomies/</a></li>
+<li>Restitution to screen readers of the hyphenation point, no ideal solution (fr): <a href="https://www.lalutineduweb.fr/ecriture-inclusive-point-hyphenation-accessibilite-lecteurs-ecran/">https://www.lalutineduweb.fr/ecriture-inclusive-point-hyphenation-accessibilite-lecteurs-ecran/</a></li>
+<li>It's better but not yet the aria-errormessage support: <a href="https://cerovac.com/a11y/2024/06/support-for-aria-errormessage-is-getting-better-but-still-not-there-yet/">https://cerovac.com/a11y/2024/06/support-for-aria-errormessage-is-getting-better-but-still-not-there-yet/</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 paid but quality mobile design toolkit by S. Walter: <a href="https://shop.stephaniewalter.design/b/mobile-native-apps-accessibility-toolkit-for-designers">https://shop.stephaniewalter.design/b/mobile-native-apps-accessibility-toolkit-for-designers</a></li>
+<li>Accessible tab system part 1 native apis, <a href="https://www.tpgi.com/mobile-tabs-part-1-native-apis/">https://www.tpgi.com/mobile-tabs-part-1-native-apis/</a>, part 2 React native, <a href="https://www.tpgi.com/mobile-tabs-part-2-react-native/">https://www.tpgi.com/mobile-tabs-part-2-react-native/</a> and part 3 Flutter, <a href="https://www.tpgi.com/mobile-tabs-part-3-flutter/">https://www.tpgi.com/mobile-tabs-part-3-flutter/</a></li>
+<li>The Appt foundation has just published 100 examples of code accessible in SwiftUI (iOS) and Jetpack Compose (Android), thanks to them! : <a href="https://appt.org/en/docs/swiftui/samples">https://appt.org/en/docs/swiftui/samples</a> and <a href="https://appt.org/en/docs/jetpack-compose">https://appt.org/en/docs/jetpack-compose</a></li>
+<li>Apple's explanation of DynamicType implementation (text magnification), video from WWDC24: <a href="https://developer.apple.com/videos/play/wwdc2024/10073/">https://developer.apple.com/videos/play/wwdc2024/10073/</a></li>
+<li>Overview of some accessibility options available with SwiftUI, video from WWDC24: <a href="https://developer.apple.com/videos/play/wwdc2024/10073/">https://developer.apple.com/videos/play/wwdc2024/10073/</a></li>
+<li>Writing accessibility tests for Android JetPack Compose: <a href="https://www.droidcon.com/2024/06/10/accessibility-tests-in-compose-name-role-value/">https://www.droidcon.com/2024/06/10/accessibility-tests-in-compose-name-role-value/</a></li>
+<li>Does WCAG 2.2 apply to native apps? Answers by Steve Faulkner: <a href="https://tetralogical.com/blog/2024/07/18/WCAG2ICT/">https://tetralogical.com/blog/2024/07/18/WCAG2ICT/</a></li>
+<li>Reflection on the challenges to improve accessibility testing of mobile apps: <a href="https://cerovac.com/a11y/2024/07/auditing-accessibility-of-mobile-apps-2024-update/">https://cerovac.com/a11y/2024/07/auditing-accessibility-of-mobile-apps-2024-update/</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>W3C a11y personas update: <a href="https://www.w3.org/WAI/news/2024-06-24/people-use-web/">https://www.w3.org/WAI/news/2024-06-24/people-use-web/</a></li>
+<li>User testing and AI, still need humans, phew!: <a href="https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/">https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/</a></li>
+</ul>
+<h2 id="eco-design">Eco-design <a class="header-anchor" href="#eco-design" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>CR on the eco-design day of ethical designers (fr): <a href="https://access42.net/compte-rendu-journee-ecoconception-numerique-designers-ethiques/">https://access42.net/compte-rendu-journee-ecoconception-numerique-designers-ethiques/</a></li>
+<li>Video, Building a sustainable a11y program: <a href="https://info.usablenet.com/on-demand-webinar-building-a-sustainable-accessibility-program?_hsmi=312666306">https://info.usablenet.com/on-demand-webinar-building-a-sustainable-accessibility-program?_hsmi=312666306</a></li>
+</ul>
+<h2 id="resources">Resources <a class="header-anchor" href="#resources" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Writing alternative texts for images at the BBC, writing guide: <a href="https://www.bbc.co.uk/gel/how-to-write-text-descriptions-alt-text">https://www.bbc.co.uk/gel/how-to-write-text-descriptions-alt-text</a></li>
+<li>Video of a conference on the problems of neurodivergents: <a href="https://yougotthis.io/library/understanding-the-why-around-neurodivergent-inclusive-web-design/">https://yougotthis.io/library/understanding-the-why-around-neurodivergent-inclusive-web-design/</a></li>
+</ul>
+<h2 id="others">Others <a class="header-anchor" href="#others" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Article showing the inefficiency of Google's Recaptcha2, to think about: <a href="https://arxiv.org/pdf/2311.10911">https://arxiv.org/pdf/2311.10911</a></li>
+<li>Manage light/dark web modes (fr): <a href="https://www.alsacreations.com/article/lire/1927-Les-modes-d-apparence-Light-mode-et-Dark-mode.html">https://www.alsacreations.com/article/lire/1927-Les-modes-d-apparence-Light-mode-et-Dark-mode.html</a></li>
+<li>Publication of the first working draft for the eBraille format: <a href="https://daisy.github.io/ebraille/published/1.0/">https://daisy.github.io/ebraille/published/1.0/</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-implementation-strategy" class="nav-link text-muted">Accessibility implementation strategy</a></li><li class="nav-item position-relative">
+            <a href="#testing-accessibility" class="nav-link text-muted">Testing 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="#eco-design" class="nav-link text-muted">Eco-design</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-june-july-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 cad47e6fc..83ba35ccf 100644
--- a/en/index.html
+++ b/en/index.html
@@ -231,6 +231,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-june-july-2024/" class="text-decoration-none">#a11y technical watch, June-July 2024</a>
+        </h3>
+        
+          <time class="text-muted" datetime="2024-08-07T00:00:00.000Z">August 07, 2024</time>
+        
+        
+          <p class="my-2">#a11y anthology, June-July 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-april-may-2024/" class="text-decoration-none">#a11y technical watch, April-May 2024</a>
@@ -289,18 +301,6 @@ <h3 class="mb-1">
         
           <p class="my-2">#a11y anthology, October-November 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/watch-august-september-2023/" class="text-decoration-none">#a11y technical watch, August-September 2023</a>
-        </h3>
-        
-          <time class="text-muted" datetime="2023-10-05T00:00:00.000Z">October 05, 2023</time>
-        
-        
-          <p class="my-2">#a11y anthology, August-September 2023</p>
-        
       </article>
     </li></ol>
     </section>
diff --git a/feed-en.xml b/feed-en.xml
index 6cfdf4270..737139cbd 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>2024-06-07T00:00:00Z</updated>
+  <updated>2024-08-07T00: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, June-July 2024</title>
+    <link href="https://a11y-guidelines.orange.com/en/articles/watch-june-july-2024/"/>
+    <updated>2024-08-07T00:00:00Z</updated>
+    <id>https://a11y-guidelines.orange.com/en/articles/watch-june-july-2024/</id>
+    <content xml:lang="en" type="html">#a11y anthology, June-July 2024</content>
+  </entry>
+  
   <entry>
     <title>#a11y technical watch, April-May 2024</title>
     <link href="https://a11y-guidelines.orange.com/en/articles/watch-april-may-2024/"/>
diff --git a/feed-fr.xml b/feed-fr.xml
index 3f6176df5..c5f8c5fff 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>2024-06-07T00:00:00Z</updated>
+  <updated>2024-08-07T00: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 Juin-Juillet 2024</title>
+    <link href="https://a11y-guidelines.orange.com/fr/articles/veille-juin-juillet-2024/"/>
+    <updated>2024-08-07T00:00:00Z</updated>
+    <id>https://a11y-guidelines.orange.com/fr/articles/veille-juin-juillet-2024/</id>
+    <content xml:lang="fr" type="html">Florilège de ressources en #a11y, Juin-Juillet 2024</content>
+  </entry>
+  
   <entry>
     <title>Veille #A11y Avril-Mai 2024</title>
     <link href="https://a11y-guidelines.orange.com/fr/articles/veille-avril-mai-2024/"/>
diff --git a/fr/articles/index.html b/fr/articles/index.html
index ad8f06c14..8209b4f55 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">65</span>&nbsp;Articles techniques <span id="search_title"></span></h1>
+<h1 aria-live="polite"><span id="filtersbar_counter" class="hidden-if-no-js">66</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-avril-mai-2024/" class="text-decoration-none">Veille #A11y Avril-Mai 2024</a>
+        <a href="/fr/articles/veille-juin-juillet-2024/" class="text-decoration-none">Veille #A11y Juin-Juillet 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-08-07T00:00:00.000Z">07 août 2024</time>
+      
+      
+        <p class="my-2">Florilège de ressources en #a11y, Juin-Juillet 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-avril-mai-2024/" class="text-decoration-none">Veille #A11y Avril-Mai 2024</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="2024-06-07T00:00:00.000Z">07 juin 2024</time>
       
       
@@ -254,8 +277,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-fevrier-mars-2024/" class="text-decoration-none">Veille #A11y Février-Mars 2024</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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -277,8 +300,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/how-to-test-ios/" class="text-decoration-none">Tester l&#39;accessibilité d&#39;une application iOS</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=mobile" class="btn btn-dark btn-sm">
                 Mobile
               </a>
@@ -304,8 +327,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/veille-decembre-janvier-2024/" class="text-decoration-none">Veille #A11y Décembre-Janvier 2024</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>
@@ -327,8 +350,8 @@ <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_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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -350,8 +373,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_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=intermediate" class="btn btn-dark btn-sm">
                 Intermédiaire
               </a>
@@ -373,8 +396,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_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-juin-juillet-2023/" class="text-decoration-none">Veille #A11y Juin-Juillet 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/liens-evitement/" class="text-decoration-none">Les bonnes pratiques pour les liens d’évitements</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>
@@ -446,8 +469,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_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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -469,8 +492,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_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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -492,8 +515,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_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>
@@ -515,8 +538,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_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>
@@ -546,8 +569,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_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>
@@ -577,8 +600,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/memo-accessibilite/" class="text-decoration-none">Fiches mémos accessibilité</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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -608,8 +631,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_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>
@@ -631,8 +654,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -658,8 +681,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_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/qr-code/" class="text-decoration-none">Améliorer l&#39;accessibilité des QR Codes</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=beginner" class="btn btn-dark btn-sm">
                 Débutant
               </a>
@@ -708,8 +731,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_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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -731,8 +754,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_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=beginner" class="btn btn-dark btn-sm">
                 Débutant
               </a>
@@ -754,8 +777,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -781,8 +804,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_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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -804,8 +827,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -831,8 +854,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_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/persona/" class="text-decoration-none">Les personae</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=beginner" class="btn btn-dark btn-sm">
                 Débutant
               </a>
@@ -877,8 +900,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -904,8 +927,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_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/veille-octobre-novembre-2021/" class="text-decoration-none">Veille #A11y Octobre-Novembre 2021</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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -950,8 +973,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_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>
@@ -977,8 +1000,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_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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -1000,8 +1023,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_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>
@@ -1023,8 +1046,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1050,8 +1073,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_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>
@@ -1077,8 +1100,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_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>
@@ -1104,8 +1127,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_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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -1127,8 +1150,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_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=veille" class="btn btn-dark btn-sm">
                 Veille
               </a>
@@ -1150,8 +1173,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_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>
@@ -1177,8 +1200,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_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>
@@ -1204,8 +1227,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_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>
@@ -1231,8 +1254,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1258,8 +1281,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1285,8 +1308,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1312,8 +1335,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_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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1339,8 +1362,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/explorateur-de-fichiers/" class="text-decoration-none">Explorateur de fichier</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>
@@ -1362,8 +1385,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_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>
@@ -1385,8 +1408,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_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>
@@ -1408,8 +1431,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_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>
@@ -1431,8 +1454,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/landmarks-aria/" class="text-decoration-none">Régions (landmarks) ARIA</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>
@@ -1454,8 +1477,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/vocalisation-des-prix/" class="text-decoration-none">Vocalisation des prix</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>
@@ -1477,8 +1500,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/iframes-techniques/" class="text-decoration-none">Masquer les iframe techniques</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>
@@ -1500,8 +1523,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_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>
@@ -1523,8 +1546,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_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=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1546,8 +1569,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_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/listbox-et-navigation-clavier/" class="text-decoration-none">Les listbox et la navigation au clavier</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/listbox-avec-cases-a-cocher/" class="text-decoration-none">Les listbox avec cases à cocher</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/attributs-aria-qui-peuvent-vous-sauver/" class="text-decoration-none">Les attributs ARIA qui peuvent vous sauver !</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=web" class="btn btn-dark btn-sm">
                 Web
               </a>
@@ -1642,8 +1665,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/listbox/" class="text-decoration-none">Les listbox</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>
@@ -1665,8 +1688,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_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>
@@ -1688,8 +1711,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_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=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1711,8 +1734,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_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=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1734,8 +1757,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_62" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_62"><li class="list-inline-item">
+       <span id="post_63" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_63"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1757,8 +1780,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_63" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_63"><li class="list-inline-item">
+       <span id="post_64" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_64"><li class="list-inline-item">
               <a href="?tag=component" class="btn btn-dark btn-sm">
                 Composant
               </a>
@@ -1780,8 +1803,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_64" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_64"><li class="list-inline-item">
+       <span id="post_65" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_65"><li class="list-inline-item">
               <a href="?tag=advanced" class="btn btn-dark btn-sm">
                 Avancé
               </a>
@@ -1807,8 +1830,8 @@ <h2 class="mb-1">
         <a href="/fr/articles/html5-et-aria/" class="text-decoration-none">HTML5 &amp; ARIA</a>
       </h2>
       
-       <span id="post_65" class="visually-hidden">Thématiques associées :</span>
-        <ul class="list-inline mb-1" aria-labelledby="post_65"><li class="list-inline-item">
+       <span id="post_66" class="visually-hidden">Thématiques associées :</span>
+        <ul class="list-inline mb-1" aria-labelledby="post_66"><li class="list-inline-item">
               <a href="?tag=web" class="btn btn-dark btn-sm">
                 Web
               </a>
diff --git a/fr/articles/veille-juin-juillet-2024/index.html b/fr/articles/veille-juin-juillet-2024/index.html
new file mode 100644
index 000000000..056cc2318
--- /dev/null
+++ b/fr/articles/veille-juin-juillet-2024/index.html
@@ -0,0 +1,372 @@
+<!doctype html>
+<html lang="fr" dir="ltr" class="no-js">
+  <head>
+    <meta charset="utf-8">    
+    <title>Veille #A11y Juin-Juillet 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, Juin-Juillet 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 Juin-Juillet 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="#eco-conception" class="dropdown-item text-wrap">Éco-conception</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 Juin-Juillet 2024</h1>
+<p>On repart sur les overlays ou surcouches d'accessibilité (en) : <a href="https://www.joedolson.com/2024/07/overlays-misunderstand-accessibility/">https://www.joedolson.com/2024/07/overlays-misunderstand-accessibility/</a>.<br>
+Et on poursuit avec une jolie plainte collective (il me semble impossible en France) contre AccessiBe, une autre surcouche (en) : <a href="https://www.lflegal.com/2024/07/accessibe-class-action/">https://www.lflegal.com/2024/07/accessibe-class-action/</a>.<br>
+Pour finir, des retours enthousiastes sur la magnifique, gratuite et très suivie conférence A11y Paris :<br>
+<a href="https://www.temesis.com/blog/a11y-paris-2024-nos-temps-forts/">https://www.temesis.com/blog/a11y-paris-2024-nos-temps-forts/</a> et <a href="https://access42.net/a11y-paris-2024-compte-rendu/">https://access42.net/a11y-paris-2024-compte-rendu/</a>.</p>
+<p>Ecore beaucoup de beaux contenus en ces mois de juin et juillet, pas de vacances pour l'a11y !</p>
+<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>Draft note, Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies (WCAG2ICT) (en) : <a href="https://www.w3.org/TR/2024/DNOTE-wcag2ict-22-20240702/">https://www.w3.org/TR/2024/DNOTE-wcag2ict-22-20240702/</a></li>
+<li>Explications suite à cette draft note part 1 (en) <a href="https://www.tpgi.com/new-advice-on-wcag-for-software-and-documents-part-1/">https://www.tpgi.com/new-advice-on-wcag-for-software-and-documents-part-1/</a> et part 2 (en) <a href="https://www.tpgi.com/new-advice-on-wcag-for-software-and-documents-part-2/">https://www.tpgi.com/new-advice-on-wcag-for-software-and-documents-part-2/</a></li>
+<li>État de l'accessibilité numérique en Europe, digital trust 2024 (en) : <a href="https://www.digitaltrustindex.eu/">https://www.digitaltrustindex.eu/</a></li>
+<li>European Accessibility Act, l'essentiel (en) : <a href="https://axesslab.com/european-accessibility-act-eaa-what-you-need-to-know/">https://axesslab.com/european-accessibility-act-eaa-what-you-need-to-know/</a></li>
+<li>Draft note W3C sur les exigences utilisateurs pour les outils collaboratifs, intéressant (en) : <a href="https://www.w3.org/TR/ctaur/">https://www.w3.org/TR/ctaur/</a></li>
+<li>Draft note sur les principes éthiques du web, ça manquait (en) : <a href="https://www.w3.org/TR/ethical-web-principles/">https://www.w3.org/TR/ethical-web-principles/</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>Il ne faut toujours nommer vos landmarks (en) : <a href="https://adrianroselli.com/2024/06/maybe-dont-name-that-landmark.html">https://adrianroselli.com/2024/06/maybe-dont-name-that-landmark.html</a></li>
+<li>Pour anticiper l'a11y et non juste la corriger (en) : <a href="https://www.deque.com/blog/transform-digital-accessibility-from-a-reactive-break-fix-to-a-proactive-shift-left/">https://www.deque.com/blog/transform-digital-accessibility-from-a-reactive-break-fix-to-a-proactive-shift-left/</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>Tests d'utilisabilité a11y, comparaison utilisateurs avec AT et ceux sans, à lire (en) : <a href="https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/">https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/</a></li>
+<li>Intéressantes considérations sur le critère &quot;1.4.11 non-text contrast&quot;, à lire (en) : <a href="https://yatil.net/blog/non-text-contrast-in-detail-ui-components">https://yatil.net/blog/non-text-contrast-in-detail-ui-components</a></li>
+<li>Les audits, oui, mais bof (en) : <a href="https://yatil.net/blog/the-infuriating-inefficiency-of-accessibility-audits">https://yatil.net/blog/the-infuriating-inefficiency-of-accessibility-audits</a></li>
+<li>Tester l'a11y avec les CSS modernes, un framework (en) : <a href="https://heydonworks.com/article/testing-html-with-modern-css/">https://heydonworks.com/article/testing-html-with-modern-css/</a></li>
+<li>De l'a11y dans Web Platform Tests (en) : <a href="https://webkit.org/blog/15400/improving-web-accessibility-with-web-platform-tests/">https://webkit.org/blog/15400/improving-web-accessibility-with-web-platform-tests/</a></li>
+<li>Premier working draft pour le format de règles d'Accessibility Conformance Testing (en) : <a href="https://www.w3.org/news/2024/first-public-working-draft-accessibility-conformance-testing-act-rules-format-1-1/">https://www.w3.org/news/2024/first-public-working-draft-accessibility-conformance-testing-act-rules-format-1-1/</a></li>
+<li>Une extension Chrome pour tester les live regions (en) : <a href="https://github.com/wizzyfx/nerdeRegionPlugIn">https://github.com/wizzyfx/nerdeRegionPlugIn</a></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>Bien utiliser aria-label et les erreurs fréquentes : <a href="https://ideance.net/blog/2501/7-mauvaises-facons-dutiliser-lattribut-aria-label-la-troisieme-va-vous-surprendre/">https://ideance.net/blog/2501/7-mauvaises-facons-dutiliser-lattribut-aria-label-la-troisieme-va-vous-surprendre/</a></li>
+<li>Un exemple pour les combobox accessible, la démarche (en) : <a href="https://blog.pope.tech/2024/07/01/create-an-accessible-combobox-using-aria/">https://blog.pope.tech/2024/07/01/create-an-accessible-combobox-using-aria/</a></li>
+<li>Attention à l'accessibilité des &quot;grid&quot; (en) : <a href="https://adrianroselli.com/2024/07/be-careful-using-grid.html">https://adrianroselli.com/2024/07/be-careful-using-grid.html</a></li>
+<li>Comment bien utiliser les rem (en) : <a href="https://www.a11y-collective.com/blog/what-is-rem-in-css/">https://www.a11y-collective.com/blog/what-is-rem-in-css/</a></li>
+<li>Explications WCAG 1.3.5 input purpose (en) : <a href="https://www.digitala11y.com/what-are-the-autocomplete-attributes-defined-in-1-3-5-input-purpose/">https://www.digitala11y.com/what-are-the-autocomplete-attributes-defined-in-1-3-5-input-purpose/</a></li>
+<li>Tout sur aria-expanded (en) : <a href="https://www.a11y-collective.com/blog/aria-expanded/">https://www.a11y-collective.com/blog/aria-expanded/</a></li>
+<li>Des formulaires PDF accessibles (en) : <a href="https://www.tpgi.com/accessible-pdf-forms-online-theres-a-catch/">https://www.tpgi.com/accessible-pdf-forms-online-theres-a-catch/</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>Inaccessibilité des carousels LinkedIn (en) : <a href="https://intopia.digital/articles/navigating-the-accessibility-challenges-of-linkedin-carousels/">https://intopia.digital/articles/navigating-the-accessibility-challenges-of-linkedin-carousels/</a></li>
+<li>N'utilisez pas web.dev (en) : <a href="https://adrianroselli.com/2024/07/dont-use-webdev-for-accessibility-info.html">https://adrianroselli.com/2024/07/dont-use-webdev-for-accessibility-info.html</a></li>
+<li>Pas toujours facile d'avoir des bons exemples d'a11y (en) : <a href="https://cerovac.com/a11y/2024/06/why-is-it-so-difficult-to-give-best-in-class-accessibility-examples-of-websites/">https://cerovac.com/a11y/2024/06/why-is-it-so-difficult-to-give-best-in-class-accessibility-examples-of-websites/</a></li>
+<li>Comment je rédige mes alt, Adrian Roselli, pratique et efficace (en) : <a href="https://adrianroselli.com/2024/05/my-approach-to-alt-text.html">https://adrianroselli.com/2024/05/my-approach-to-alt-text.html</a></li>
+<li>Retour sur le design pattern (ARIA du W3C) pagination, où on redit qu'ils sont une proposition pas une obligation, ni une norme (en) : <a href="https://adrianroselli.com/2024/07/feedback-on-a-pagination-pattern.html">https://adrianroselli.com/2024/07/feedback-on-a-pagination-pattern.html</a></li>
+<li>Donjons et Dragons peut vous inspirer pour vos textes de remplacement (en) : <a href="https://ericwbailey.website/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/">https://ericwbailey.website/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/</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>Témoignage d'un utilisateur de lecteur d'écran : <a href="https://ideance.net/blog/2341/stephane-hagues-lexperience-du-numerique-en-tant-que-personne-aveugle/">https://ideance.net/blog/2341/stephane-hagues-lexperience-du-numerique-en-tant-que-personne-aveugle/</a></li>
+<li>Naviguer sur le web avec le clavier, comment fait-on ? (en) : <a href="https://www.tempertemper.net/blog/how-to-browse-the-web-with-the-keyboard-alone">https://www.tempertemper.net/blog/how-to-browse-the-web-with-the-keyboard-alone</a></li>
+<li>Les différents types de zoom navigateur (en) : <a href="https://www.oddbird.net/2024/07/09/zoomies/">https://www.oddbird.net/2024/07/09/zoomies/</a></li>
+<li>Restitution aux lecteurs d'écran du point d'hyphénation, pas de solution idéale : <a href="https://www.lalutineduweb.fr/ecriture-inclusive-point-hyphenation-accessibilite-lecteurs-ecran/">https://www.lalutineduweb.fr/ecriture-inclusive-point-hyphenation-accessibilite-lecteurs-ecran/</a></li>
+<li>C'est mieux mais pas encore ça le support aria-errormessage (en) : <a href="https://cerovac.com/a11y/2024/06/support-for-aria-errormessage-is-getting-better-but-still-not-there-yet/">https://cerovac.com/a11y/2024/06/support-for-aria-errormessage-is-getting-better-but-still-not-there-yet/</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>Un toolkit design pour mobile payant mais de  qualité par S. Walter (en) : <a href="https://shop.stephaniewalter.design/b/mobile-native-apps-accessibility-toolkit-for-designers">https://shop.stephaniewalter.design/b/mobile-native-apps-accessibility-toolkit-for-designers</a></li>
+<li>Système d'onglet accessible part 1 api natives (en) <a href="https://www.tpgi.com/mobile-tabs-part-1-native-apis/">https://www.tpgi.com/mobile-tabs-part-1-native-apis/</a>, part 2 React native (en) <a href="https://www.tpgi.com/mobile-tabs-part-2-react-native/">https://www.tpgi.com/mobile-tabs-part-2-react-native/</a> et part 3 Flutter (en) <a href="https://www.tpgi.com/mobile-tabs-part-3-flutter/">https://www.tpgi.com/mobile-tabs-part-3-flutter/</a></li>
+<li>La fondation Appt vient de publier 100 exemples de code accessible en SwiftUI (iOS) et Jetpack Compose (Android), merci à eux ! (en) : <a href="https://appt.org/en/docs/swiftui/samples">https://appt.org/en/docs/swiftui/samples</a> et <a href="https://appt.org/en/docs/jetpack-compose">https://appt.org/en/docs/jetpack-compose</a></li>
+<li>Explication d'Apple sur l'implémentation du DynamicType (agrandissement de texte), vidéo issue du WWDC24 (en) : <a href="https://developer.apple.com/videos/play/wwdc2024/10073/">https://developer.apple.com/videos/play/wwdc2024/10073/</a></li>
+<li>Tour d'horizon de quelques options d'accessibilité disponibles avec SwiftUI, vidéo issue du WWDC24 (en): <a href="https://developer.apple.com/videos/play/wwdc2024/10073/">https://developer.apple.com/videos/play/wwdc2024/10073/</a></li>
+<li>Écrire des tests d'accessibilité pour Android JetPack Compose (en) : <a href="https://www.droidcon.com/2024/06/10/accessibility-tests-in-compose-name-role-value/">https://www.droidcon.com/2024/06/10/accessibility-tests-in-compose-name-role-value/</a></li>
+<li>Les WCAG 2.2 s’appliquent-ils aux applications natives ? Éléments de réponse par Steve Faulkner (en) : <a href="https://tetralogical.com/blog/2024/07/18/WCAG2ICT/">https://tetralogical.com/blog/2024/07/18/WCAG2ICT/</a></li>
+<li>Réflexion sur les défis à relever pour améliorer les tests d'accessibilité des applis mobiles (en) : <a href="https://cerovac.com/a11y/2024/07/auditing-accessibility-of-mobile-apps-2024-update/">https://cerovac.com/a11y/2024/07/auditing-accessibility-of-mobile-apps-2024-update/</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>Mise à jour des personas d'a11y du W3C (en) : <a href="https://www.w3.org/WAI/news/2024-06-24/people-use-web/">https://www.w3.org/WAI/news/2024-06-24/people-use-web/</a></li>
+<li>Tests utilisateurs et AI, toujours besoin d'humain, ouf ! (en) : <a href="https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/">https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/</a></li>
+</ul>
+<h2 id="eco-conception">Éco-conception <a class="header-anchor" href="#eco-conception" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>CR sur la journée écoconception des designers éthiques : <a href="https://access42.net/compte-rendu-journee-ecoconception-numerique-designers-ethiques/">https://access42.net/compte-rendu-journee-ecoconception-numerique-designers-ethiques/</a></li>
+<li>Vidéo, Construire un programme d'a11y durable (en) : <a href="https://info.usablenet.com/on-demand-webinar-building-a-sustainable-accessibility-program?_hsmi=312666306">https://info.usablenet.com/on-demand-webinar-building-a-sustainable-accessibility-program?_hsmi=312666306</a></li>
+</ul>
+<h2 id="ressources">Ressources <a class="header-anchor" href="#ressources" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Rédiger des textes de remplacement aux images à la BBC, guide d'écriture (en) : <a href="https://www.bbc.co.uk/gel/how-to-write-text-descriptions-alt-text">https://www.bbc.co.uk/gel/how-to-write-text-descriptions-alt-text</a></li>
+<li>Vidéo d'une conf sur les problèmes des neurodivergents (en) : <a href="https://yougotthis.io/library/understanding-the-why-around-neurodivergent-inclusive-web-design/">https://yougotthis.io/library/understanding-the-why-around-neurodivergent-inclusive-web-design/</a></li>
+</ul>
+<h2 id="autres">Autres <a class="header-anchor" href="#autres" aria-labelledby="a11y_heading_anchor_label">#</a></h2>
+<ul>
+<li>Article montrant l'inefficacité de Recaptcha2 de Google, à méditer (en) : <a href="https://arxiv.org/pdf/2311.10911">https://arxiv.org/pdf/2311.10911</a></li>
+<li>Gérer les light/dark modes web : <a href="https://www.alsacreations.com/article/lire/1927-Les-modes-d-apparence-Light-mode-et-Dark-mode.html">https://www.alsacreations.com/article/lire/1927-Les-modes-d-apparence-Light-mode-et-Dark-mode.html</a></li>
+<li>Publication du premier working draft pour le format eBraille : &lt;<a href="https://daisy.github.io/ebraille/published/1.0/">https://daisy.github.io/ebraille/published/1.0/</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="#eco-conception" class="nav-link text-muted">Éco-conception</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-juin-juillet-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 d0f834767..d0b1109ec 100644
--- a/fr/index.html
+++ b/fr/index.html
@@ -232,6 +232,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-juin-juillet-2024/" class="text-decoration-none">Veille #A11y Juin-Juillet 2024</a>
+        </h3>
+        
+          <time class="text-muted" datetime="2024-08-07T00:00:00.000Z">07 août 2024</time>
+        
+        
+          <p class="my-2">Florilège de ressources en #a11y, Juin-Juillet 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-avril-mai-2024/" class="text-decoration-none">Veille #A11y Avril-Mai 2024</a>
@@ -290,18 +302,6 @@ <h3 class="mb-1">
         
           <p class="my-2">Florilège de ressources en #a11y, Octobre-Novembre 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="/fr/articles/wcag22-release/" class="text-decoration-none">Sortie des WCAG 2.2 sur la Va11ydette</a>
-        </h3>
-        
-          <time class="text-muted" datetime="2023-10-06T00:00:00.000Z">06 octobre 2023</time>
-        
-        
-          <p class="my-2">Les WCAG 2.2 sont officiellement sortis, la Va11ydette se met à jour.</p>
-        
       </article>
     </li></ol>
     </section>