Skip to content
Tous les articles

Les outils pour faciliter l’accessibilité

Photo de Karine Simard Par  Karine Simard  ·  lecture de 1 minute

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 !