Différences

Ci-dessous, les différences entre deux révisions de la page.

--- fr:accessibilite [2021/03/31 15:05] – [Le WEB] Remplacement lien mort et M.A.J. version RGAA 4.1 alcyone
+++ fr:accessibilite [2025/03/18 08:12] (Version actuelle) – [Autres référentiels] lien vers WCAG en français zatalyz
@@ Ligne 148: / Ligne 148: @@
 TODO : à compléter
+  * https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#1 : Référentiel français sous forme de cheklist, pas si terrible à lire et adapter
+  * https://www.w3.org/Translations/WCAG22-fr/ : traduction française agréée du WCAG 2.2 (17/03/2025)
 ===== Quelques points de réflexion généraux côté développement et test au quotidien =====
@@ Ligne 194: / Ligne 195: @@
 Il est en effet attendu de concevoir une page permettant facilement la navigation au clavier sans imposer 20 appuis sur Tab et/ou un ordre illogique d'enchaînements pour atteindre telle ou telle partie qui serait accessible facilement à la souris.
-Ainsi une page se naviguant au clavier peut comporter des éléments invisibles à l'œil mais parfaitement détectés par le lecteur d'écran pour faciliter la navigation au clavier : lien de retour à la ligne des menus, au de page, bas de page, aller au contenu, etc. (mais c'est aussi à double tranchant : les éléments cachés ne le sont pas pour le lecteur d'écran ! Voir [[https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html| Inclusively Hidden by Scott O’Hara]]).
+Ainsi une page se naviguant au clavier peut comporter des éléments invisibles à l'œil mais parfaitement détectés par le lecteur d'écran pour faciliter la navigation au clavier : lien de retour à la ligne des menus, haut de page, bas de page, aller au contenu, etc. (mais c'est aussi à double tranchant : les éléments cachés ne le sont pas pour le lecteur d'écran ! Voir [[https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html| Inclusively Hidden by Scott O’Hara]]).
 Il ne faut pas oublier non plus la visibilité du focus.
@@ Ligne 255: / Ligne 256: @@
   * [[https://addons.mozilla.org/fr/firefox/addon/wave-accessibility-tool/|Extension Wave Accessibility pour Firefox]] : cliquez sur un bouton, la page est analysée et vous indique tout ce qui peut poser souci. Simple, claire et didactique, même si ça ne détectera pas tout. <wrap important>Licence non libre.</wrap>
   * [[https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector|Accessibility Inspector]] intégré dans Mozilla Firefox
-  * [[https://chrispederick.com/work/web-developer/|Web Developer]] de chrispederick.com sous GPLv3, facilitant le travail d'inspection (afficher les "alt", retirer le style, etc.)
+  * [[https://chrispederick.com/work/web-developer/|Web Developer]] de chrispederick.com sous GPLv3, facilitant le travail d'inspection (afficher les "alt", retirer le style, voir la structuration hiérarchique de la page, etc.). Sous firefox, [[https://addons.mozilla.org/fr/firefox/addon/web-developer/|le module se trouve ici]].
   * [[https://add0n.com/stylus.html|Stylus]] sous GPLv3, facilitant certains tests de style
   * [[http://matatk.agrip.org.uk/landmarks/|Landmarks]] sous MIT/X11, permettant l'affichage et la navigation dans les WAI-ARIA landmarks d'une page web