Ajoute la partie "Comment vérifier"

index.html

@@ -181,17 +181,51 @@ <h2><span lang="en">Stack</span> Technique</h2>
          alt="L'accessibilité se repose avant tout sur le HTML, puis le CSS, le Javascript et enfin ARIA">
 
     <h2>Comment vérifier ?</h2>
+    <img src="outils.webp"
+         alt="">
+    <p>Une partie des tests d'accessibilité est automatisable. Il existe pour cela de nombreux outils comme
+        <a href="https://wave.webaim.org/extension/" target="_blank" rel="noreferrer">WAVE</a>,
+        <a href="https://www.deque.com/axe/" target="_blank" rel="noreferrer">aXe</a>,
+        <a href="https://www.tanaguru.com/" target="_blank" rel="noreferrer">Tanaguru</a> ou
+        <a href="https://asqatasun.org/" target="_blank" rel="noreferrer">Asqatasun</a>. Mettre en place des tests auto est le point de départ.
+    </p>
+    <img src="mains.webp"
+         alt="">
+    <p>La majorité des tests d’accessibilité sont fonctionnels.
+        Ils s’effectuent par une inspection manuelle. Certains ne nécessitent pas de compétences techniques et
+        sont très faciles à réaliser en <a href="https://www.w3.org/WAI/test-evaluate/preliminary/" target="_blank" rel="noreferrer">10 « <span lang="en">Easy checks</span> »</a> : il s’agit de simuler des situations
+        réelles d’usage, en navigant par exemple sans image, sans
+        couleur, sans souris, etc.</p>
+    <aside>
+        <img src="tab.webp" alt="">
+        <h3>Exemple: naviguer au clavier</h3>
+        <p>Vérifiez que le produit web reste entièrement utilisable
+            sans souris ni trackpad, c'est-à-dire en utilisant
+            uniquement
+            les touches du clavier : <kbd>tab</kbd> , <kbd>enter</kbd>&hellip;</p>
+        <ol>
+            <li>Le déplacement doit être <strong>visible</strong> ;</li>
+            <li>et se dérouler dans un ordre <strong>logique</strong>;</li>
+            <li>Tout élément qui déclenche une action au clic ou au
+            survol (liens, boutons, champs de formulaires, menus
+                déroulants, vidéo, <span lang="en">datepicker</span>, etc.) doit être <strong>atteignable</strong> et <strong>actionnable</strong> au clavier seulement.</li>
+        </ol>
+        <p>Ils et elles vous remercieront : les personnes ayant des difficultés
+            motrices, celleux utilisant un lecteur d'écran (aveugles, dyslexiques...). La navigation
+            au clavier est un quotidien pour des <strong>milliers d’internautes</strong>.</p>
+    </aside>
+    <p>La pratique <strong>régulière</strong> de ces tests permet de maintenir un bon niveau d'accessibilité. Ils précédent l'audit qui établit le taux de conformité atteint (à planifier une fois par an). Il est bienvenu de les compléter par des tests avec lecteur d'écran puis par tests d'utilisabilité avec des personnes en situation de handicap.</p>
 
     <footer>
         <p>On ne <strong>corrige pas</strong> l'accessibilité, on <strong>fabrique</strong> accessible.</p>
         <img src="" alt="OCTO Technology, Part of Accenture" lang="en">
         <p>
-            &copy; OCTO Technology 2023 -
+            &copy; OCTO Technology 2024 -
             <a
                 target="_blank"
                 rel="noopener noreferrer"
                 href="https://creativecommons.org/licenses/by-sa/4.0/">
-                Licence <abbr title="Creative Commons, attribution, share alike" lang="en">CC by sa</abbr> <img src="" alt=""><img src="" alt=""><img src="" alt="">
+                Licence <abbr title="Creative Commons, attribution, share alike" lang="en">CC BY-SA</abbr> <img src="" alt=""><img src="" alt=""><img src="" alt="">
             </a>
         </p>
     </footer>