Liste de sites et ressources diverses sur l’accesibilité

sites

https://www.a11yproject.com/resources/

• Bien pratique (affiche la validation WCAG AA/AAA)

https://www.w3docs.com/nx/color/contrast-ratio

• Exemples de modèles d’accessibilité (avec CodePen.io)

Ce site présente des exemples concrets de code HTML sur les différentes problématiques habituelles.

https://www.accessibility-developer-guide.com/examples/

• Exemples de mauvaises pratiques (HTML/ARIA)

https://www.accessibility-developer-guide.com/knowledge/aria/bad-practices/

• Compréhension de l’audio-description pour les vidéos

https://www.digitala11y.com/understanding-sc-1-2-3-audio-description-or-media-alternative-prerecorded/

• Datapickers accessibles

https://www.digitala11y.com/accessible-date-pickers-roundup/

• Cheat Sheet (permet de voir les rôles/états/propriétés)

https://www.digitala11y.com/wai-aria-1-1-cheat-sheet/

• NaturalReader (TextToSpeach)

https://www.naturalreaders.com/online/

• Attributs ARIA (pour technologies d’assistance)

https://developer.mozilla.org/fr/docs/Web/Accessibility/ARIA/Reference/Attributes

• Validateurs W3C

https://validator.w3.org/

• Accessibilité Insights (extension mobile) : Permet de visualiser le focus, les liens, de tester de nombreux composants en étant guidé. Cette exention Chrome s’installe aussi sur Windows.

https://accessibilityinsights.io/

• Landmarks (Firfox) : Permet d’avoir vu rapide de la structure de la page HTML.

https://addons.mozilla.org/fr/firefox/addon/landmarks/

• Extensions HeadingsMap : Permet de voir la structure de la page au niveau des titre (H1 à H6)

Firefox : https://addons.mozilla.org/fr/firefox/addon/headingsmap/?src=api

Chrome : https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi?hl=fr