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é directement dans les DevTools du navigateur.
- WAVE (WebAIM) : Vérifie les contrastes, les erreurs ARIA et la structure HTML.
- Pa11y : Outil open-source de validation automatisée.
- io : API pour tester automatiquement l’accessibilité dans les processus de développement.
Outils de vérification des contrastes et couleurs
- Color Contrast Analyzer (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.
- 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/iOS) : Lecteur d’écran intégré aux produits Apple.
- TalkBack (Android) : Lecteur d’écran intégré aux produits Android.
Outils pour vérifier les formulaires et la navigation
- tota11y (Khan Academy) : Affiche des annotations pour identifier les problèmes d’accessibilité.
- Focus Indicator : 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.
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 !