Accueil > Accessibilité > Tester l’accessibilité web
Tester l’accessibilité web
Collection d’outils qui aident à tester ou testent automatiquement l’accessibilité des contenus web.
Points d’attention :
- Aucun de ces outils ne permet d’assurer qu’un site est 100% accessible (même si on atteint un score de 100% parmi eux). En effet, il existe un certain nombre de critères d’accessibilité qu’il est impossible d’automatiser car ils nécessitent une évaluation humaine. Malgré tout, ces outils sont d’une grande aide et c’est déjà un bon début d’être à 100% sur les critères qu’ils prennent en compte !
- Pour les outils qui évaluent la conformité au RGAA ou à WCAG, vérifiez bien les notes de version et la dernière date de mise à jour. Les référentiels sont mis à jour de temps en temps et les outils doivent suivre.
Ressources :
-
a11y-outline - Extension facilitant la navigation entre régions et titres et liens
Langue du lien : Anglais
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.
-
a11y.css
Langue du lien : Anglais
Outil de tests d’accessibilité automatisés via CSS
Disponible en plusieurs langues sous forme de bookmarklet et d'extension navigateur
-
Access Monitor - Extension WordPress (via Tenon)
Langue du lien : Anglais
Analyse automatiquement les sites WordPress via Tenon
-
Accessibility Insights
Langue du lien : Anglais
Outil de tests automatiques d’accessibilité disponible en extension Chrome ou en logiciel pour Windows
-
AccessLint - Application GitHub
Langue du lien : Anglais
Cette application permet de vérifier automatiquement l'accessibilité du code des pull requests sur GitHub.
-
ASLint
Langue du lien : Anglais
Outil de tests d’accessibilité automatisés (en anglais) sous forme de bookmarklet
-
Assistant RGAA (extension navigateur) | Github DISIC
Langue du lien : Français
Cette extension de navigateur permet d'aider à tester un site avec le RGAA.
-
Assistiv Labs
Langue du lien : Anglais
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.
-
aXe
Langue du lien : Anglais
Outil de tests d’accessibilité automatisés basé sur WCAG (en anglais) sous forme d'extension de navigateurs
-
Axe Linter
Langue du lien : Anglais
Un outil de Deque qui permet de vérifier le respect de certaines règles d’accessibilité dans les Pull Requests sur Github
-
Colour Contrast Analyser | The Paciello Group
Langue du lien : Anglais
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 !
-
Easy Checks - Un premier bilan d’accessibilité web | W3C
Langue du lien : Anglais
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
-
HeadingsMap
Langue du lien : Anglais
Extension disponible pour Firefox (en lien ici) et Chrome qui permet de vérifier la structuration en titres et leur hiérarchie dans une page -
Liste d’outils d’évaluation de l’accessibilité web | W3C
Langue du lien : Anglais
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
-
Méthodologie de tests du RGAA : bookmarklet pour utiliser rapidement les CSS de vérification
Langue du lien : Français
La méthodologie de tests du RGAA contient un certain nombre de feuilles de styles CSS permettant de réaliser des tests rapidement, de façon plus visuelle.
Ce bookmarklet (définition) permet de les utiliser plus rapidement et plus facilement.
-
Méthodologie de tests du RGAA 3
Langue du lien : Français
La méthodologie de tests du RGAA 3 permet de savoir comment tester chaque critère à l’aide de différents outils.
-
Revenge.css
Langue du lien : Anglais
Bookmarklet qui identifie le code HTML pas propre
-
Tanaguru
Langue du lien : Français
Outil de tests d'accessibilité automatisés basé sur le RGAA
-
Tanaguru - Web extension
Langue du lien : Français
Extension pour Firefox qui permet de réaliser des tests d’accessibilité automatique d’une page web via le navigateur
Extension actuellement en cours de développement et uniquement disponible en version « debug » pour le moment
-
Tanaguru Contrast Finder
Langue du lien : Français
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. -
Tenon
Langue du lien : Anglais
Outil de tests d’accessibilité automatisés basé sur WCAG (en anglais)
-
Tester avec les technologies d'assistance | GOV.UK
Langue du lien : Anglais
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
-
tota11y
Langue du lien : Anglais
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.
-
Validateur HTML du W3C (Nu Html Checker)
Langue du lien : Anglais
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.
-
W3C Link Checker
Langue du lien : Anglais
Cet outil en ligne permet de vérifier la validité des liens d'une page web. Il peut s'avérer très pratique pour tester automatiquement la validité des liens d'une page "plan du site" par exemple. En effet, il s'agit d'un critère à valider dans le RGAA. -
WAVE
Langue du lien : Anglais
Outil de tests d’accessibilité automatisés (en anglais) sous forme d'extension de navigateurs