Créer un site web accessible nécessite l'utilisation d'outils adaptés pour tester, corriger et maintenir un haut niveau d’accessibilité.
Voici une sélection d’outils utiles classés par catégories :
Outils d’audit et de test automatique
- Lighthouse (Google Chrome) : Analyse l’accessibilité, le SEO et les performances.
- axe DevTools (Deque) : Extension Chrome et Firefox pour tester l’accessibilité dans les DevTools du navigateur.
- WAVE (WebAIM) : Vérifie les contrastes, les erreurs ARIA et la structure HTML.
- IBM Equal Access Accessibility Checker (IBM) : Extension Chrome, Firefox et Edge pour tester l’accessibilité dans les DevTools du navigateur.
- Accessibility Insights (Microsoft) : Extension et application qui aide à identifier et corriger les problèmes d’accessibilité dans les applications numériques.
- HTML_CodeSniffer : Script côté client qui vérifie le code source HTML et détecte les violations d'une norme de codage définie.
Outils de vérification des contrastes et couleurs
- Colour Contrast Analyser (TPG) : Permet de vérifier les contrastes entre le texte et l’arrière-plan.
- Accessible Colors : Aide à choisir des couleurs respectant les normes WCAG.
- ColorOracle : Simulateur de daltonisme pour Windows, Mac et Linux.
- Sim Daltonisme (seulement disponible sur MacOs et iOS) : Simule les différents types de daltonisme pour vérifier l’accessibilité des couleurs.
Outils pour les lecteurs d’écran et navigation clavier
- NVDA (Windows) : Lecteur d’écran open-source utilisé par de nombreux testeurs.
- JAWS (Windows) : Lecteur d’écran avancé, souvent utilisé en entreprise.
- VoiceOver Mac et VoiceOver iOS : Lecteur d’écran intégré aux produits Apple.
- TalkBack (Android) : Lecteur d’écran intégré aux produits Android.
- Orca (Linux) : Lecteur d’écran open-source.
Outils pour vérifier les formulaires et la navigation
- Focus Bookmarklet : AppliSignet qui affiche un contour autour des éléments interactifs.
- Focus Indicator : Extension Chrome met en évidence les éléments actuellement sélectionnés au clavier.
- HTML_CodeSniffer : Vérifie les erreurs dans les formulaires et l’utilisation des attributs ARIA.
- Forms Bookmarklet : AppliSignet qui teste l’accessibilité des formulaires en surlignant visuellement les relations entre les étiquettes et les champs.
Outils pour développeurs (intégration CI/CD)
- axe-core : Librairie JavaScript permettant d’intégrer des tests d’accessibilité automatisés.
- Pa11y CI : Outil en ligne de commande pour tester l’accessibilité dans un pipeline CI/CD.
- Cypress + axe-core : Permet d’exécuter des tests d’accessibilité dans des tests end-to-end.
Pour aller plus loin
Nous offrons des formations qui te guident, pas à pas, peu importe ton niveau!
Télécharge notre catalogue de formation.
As-tu un projet en tête ? Nous serons ravis de t'en parler !