Ce que les outils automatiques peuvent (et ne peuvent pas) détecter
Avant de commencer, une mise en garde importante : les outils automatiques ne couvrent que 20 à 30 % des 106 critères du RGAA. Ils détectent bien les problèmes techniques évidents (images sans alt, contrastes insuffisants, structure de titres incorrecte), mais pas les problèmes qui nécessitent une évaluation humaine (la pertinence d’un texte alternatif, la logique d’un formulaire complexe, la cohérence de la navigation au clavier). Ces tests sont un point de départ, pas un audit complet.
Test 1 — Lighthouse (5 min, aucune installation)
Lighthouse est intégré directement dans Chrome. C’est le moyen le plus rapide d’obtenir un score d’accessibilité global.
- Ouvrez votre page d’accueil dans Chrome.
- Faites clic droit → « Inspecter » → onglet « Lighthouse ».
- Cochez uniquement « Accessibilité », puis cliquez « Analyser le chargement de la page ».
- Notez votre score sur 100 et la liste des problèmes détectés.
Un score en dessous de 70 indique des problèmes significatifs à corriger en priorité. Attention : un score de 100 ne signifie pas que votre site est conforme RGAA — cela signifie juste qu’il passe les tests automatiques de Lighthouse.
Test 2 — WAVE (10 min, extension à installer)
WAVE (wave.webaim.org) est l’outil le plus visuel pour comprendre les erreurs d’accessibilité. Il injecte des icônes directement dans votre page pour vous montrer où se trouvent les problèmes.
- Installez l’extension WAVE sur Chrome ou Firefox (gratuit).
- Naviguez sur votre page d’accueil puis cliquez sur l’icône WAVE.
- Un panneau latéral s’ouvre avec le nombre d’erreurs (en rouge), d’alertes (en jaune) et d’éléments structurels.
- Cliquez sur chaque icône rouge pour comprendre le problème et voir la correction suggérée.
Concentrez-vous d’abord sur les erreurs rouges : ce sont les violations strictes d’accessibilité. Les alertes jaunes demandent une vérification humaine.
Test 3 — Navigation clavier (10 min, aucun outil)
Ce test manuel est indispensable et souvent révélateur. Posez votre souris et naviguez sur votre site en utilisant uniquement la touche Tab (avancer), Shift+Tab (reculer) et Entrée (activer).
- Pouvez-vous atteindre tous les éléments cliquables (liens, boutons, formulaires) ?
- Voyez-vous clairement quel élément est sélectionné à chaque étape (indicateur de focus visible) ?
- Le menu de navigation est-il utilisable sans souris ?
- Pouvez-vous soumettre le formulaire de contact uniquement au clavier ?
Si vous perdez le focus visuel ou si certains éléments sont inaccessibles, c’est une erreur RGAA critique.
Test 4 — Contrastes de couleurs (5 min)
Le ratio de contraste minimum est de 4,5:1 entre le texte et son arrière-plan (texte normal) et 3:1 pour les grands textes (18px+ ou 14px+ en gras). Utilisez le Color Contrast Analyser de TPGi (outil gratuit, Windows et Mac) ou l’extension axe DevTools pour Chrome qui détecte automatiquement les problèmes de contraste sur toute la page.
Que faire avec les résultats ?
Classez les problèmes identifiés en trois catégories : corrections rapides (alt manquants, titres dans le désordre, labels de formulaires absents), corrections techniques moyennes (contrastes, focus visible, structure HTML), et corrections complexes nécessitant un développeur ou un audit expert (navigation clavier des composants interactifs, lecteur d’écran). Traitez les corrections rapides en premier — elles améliorent significativement votre score RGAA pour un effort minimal.
