Tester l’accessibilité web

Extension navigateur ou bookmarklet permettant de naviguer facilement de région en région, de titre en titre, de lien en lien, sans avoir besoin d'utiliser un lecteur d'écran. Cela facilitera sans doute aussi les tests.

Outil de tests d’accessibilité automatisés via CSS

Disponible en plusieurs langues sous forme de bookmarklet et d'extension navigateur

Analyse automatiquement les sites WordPress via Tenon

Outil de tests automatiques d’accessibilité disponible en extension Chrome ou en logiciel pour Windows

Cette application permet de vérifier automatiquement l'accessibilité du code des pull requests sur GitHub.

Outil de tests d’accessibilité automatisés (en anglais) sous forme de bookmarklet

Logiciel open-​source à installer sur son propre serveur pour analyser automatiquement des pages web vis-​à-​vis des règles d’accessibilité (RGAA, WCAG) testables automatiquement

Cette extension de navigateur permet d’aider dans l’audit d’un site web avec le RGAA. Elle ne fait pas de tests automatiques mais permet, au contraire, d’aider dans un audit manuel.

À l’origine conçue pour la DINUM lors du RGAA 3, elle a été rééditée par Empreinte Digitale en version RGAA 4.

Je n’ai jamais utilisé cet outil mais il semble très intéressant. C’est un peu le Browserstack de l’accessibilité : le but est de permettre de tester toutes les technologies d’assistance même quand on n’a pas le matériel disponible. Par exemple, certains lecteurs d’écran ne sont disponibles que pour Windows ou pour Mac. Assistiv Labs permet de tester la compatibilité des sites web avec ces lecteurs d’écran qu’on ne peut pas installer car on n’a pas d’ordinateur sous Windows ou sous Mac.

Outil de tests d’accessibilité automatisés basé sur WCAG (en anglais) sous forme d’extension de navigateurs

Bookmarklet développé par TPGi pour évaluer les exigences de conformité du document dans l’utilisation des attributs ARIA dans le HTML et les rôles, états et propriétés ARIA autorisés.

Note : comme d’habitude, ce n’est pas parce que l’outil ne relève pas d’erreur qu’il n’y en a pas.

Cet outil est un logiciel disponible pour Mac et Windows qui permet d’analyser le ratio de contraste entre la couleur de texte et sa couleur de fond via une pipette qui zoome. Assez pratique !

Cet outil permet de mesurer le ratio de contraste entre la couleur du texte et sa couleur de fond. Il donne des exemples de combinaisons de couleurs accessibles si jamais le ratio est mauvais.

Il est utilisable sur une page web et est disponible en français et en anglais.

Site officiel des critères du RGAA 4 (Référentiel Général d’Amélioration de l’Accessibilité), référentiel français pour l’accessibilité des contenus web

Contrôles faciles pour faire un premier bilan d’accessibilité web d’un site, rédigés par la Web Accessibility Initiative (WAI) du W3C

Article écrit par Nic Chan et publié sous le titre original A Complete Guide To Accessibility Tooling le 16 juin 2021.

L’autrice détaille un certain nombre d’outils pratiques pour tester l’accessibilité en les expliquant.

Liste d’outils d’évaluation de l’accessibilité web avec des filtres pour encore mieux trouver ce qu’on cherche, maintenue par la Web Accessibility Initiative (WAI) du W3C

La méthodologie de tests du RGAA 3 permet de savoir comment tester chaque critère à l’aide de différents outils.

Pa11y est un ensemble d’outils qui permettent de tester automatiquement les règles d’accessibilité WCAG testables automatiquement.

On y trouve notamment un outil qui remonte les problèmes dans l’interface de ligne de commande, un tableau de bord, un webservice mais aussi Koa11y, un logiciel pour ordinateur qui permet de lancer Pa11y sans ligne de commande.

Court article publié par la communauté accessibilité de GOV.UK sous le titre original « Testing with assistive technologies » le 26 octobre 2017 et mis à jour régulièrement

Outil de tests d’accessibilité automatisés (en anglais) sous forme de bookmarklet

Il permet notamment de tester : les contrastes de couleurs, la structuration des titres, les liens, les libellés de champs de formulaire, les alternatives d'images, les repères ARIA.

Vérifier la validité de son code source HTML permet de résoudre des problèmes "basiques" mais parfois importants d'accessibilité ou de rendu (qui n'a jamais mal fermé une balise et cherché pendant des heures le problème alors que le validateur avait la réponse immédiatement).

C'est la base d'une intégration bien réalisée.

Outil de tests d’accessibilité automatisés (en anglais) sous forme d'extension de navigateurs

Extension disponible pour Firefox et Chrome (lien pour Firefox ici présent) qui permet de vérifier les contrastes des éléments par rapport à leur fond dans une page web complète.

Elle permet également de simuler la vision d’une page web par des personnes daltoniennes.