Logo Khaganat

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
fr:accessibilite [2021/03/31 17:05] – [Le WEB] Remplacement lien mort et M.A.J. version RGAA 4.1 Alcyonefr:accessibilite [2023/05/31 08:50] (Version actuelle) – [Autres référentiels] zatalyz
Ligne 148: Ligne 148:
 TODO : à compléter TODO : à compléter
  
 +Référentiel français sous forme de cheklist, pas si terrible à lire et adapter : https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#1
 ===== Quelques points de réflexion généraux côté développement et test au quotidien ===== ===== Quelques points de réflexion généraux côté développement et test au quotidien =====
  
Ligne 194: Ligne 194:
 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. 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. Il ne faut pas oublier non plus la visibilité du focus.
Ligne 255: Ligne 255:
   * [[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://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://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   * [[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   * [[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
CC Attribution-Share Alike 4.0 International Driven by DokuWiki
fr/accessibilite.1617203155.txt.gz · Dernière modification : 2021/12/03 19:18 (modification externe)

Licences Mentions légales Accueil du site Contact