Pourquoi tester l'accessibilité ?
Vous pensez que votre site est accessible ? Il n'y a qu'une seule façon de le savoir : le tester. Et attention, un test sérieux, ça ne se résume pas à lancer un outil et attendre le feu vert. Un test complet combine des outils automatisés (rapides, ils détectent 30-40 % des erreurs) et des tests manuels (absolument indispensables pour les 60-70 % restants que les machines ne voient pas).
Tests automatisés
RGAA Test (rgaa-test.fr)
RGAA Test est l'outil que je recommande en premier pour le contexte français. Il analyse votre site selon les 106 critères du RGAA 4.1 et vous sort un rapport détaillé avec votre taux de conformité, les erreurs identifiées et les corrections recommandées. C'est le meilleur point de départ.
axe DevTools
Extension navigateur de Deque Systems. La version gratuite couvre les vérifications de base et détecte les erreurs WCAG directement dans les DevTools. Très pratique au quotidien pour les développeurs.
WAVE
Web Accessibility Evaluation Tool de WebAIM. Son point fort : il affiche les erreurs visuellement, directement sur la page. Idéal quand on débute parce qu'on voit immédiatement où ça coince.
Lighthouse
Intégré à Chrome DevTools, il inclut un score d'accessibilité. Pratique pour un premier aperçu rapide, mais ne vous fiez pas uniquement à ce score — il est loin d'être exhaustif.
Tests manuels essentiels
Navigation clavier
Stop. Débranchez votre souris. Sérieusement. Maintenant, naviguez :
- Tab : avancer au prochain élément interactif
- Shift+Tab : reculer
- Entrée : activer un lien ou bouton
- Espace : activer un bouton, cocher une case
- Flèches : naviguer dans les menus, onglets
- Échap : fermer une modale ou un menu
Posez-vous ces questions : chaque élément interactif est-il atteignable ? Le focus est-il visible ? Et surtout, y a-t-il des pièges clavier — ces endroits où le focus reste coincé sans possibilité d'en sortir ?
Test avec lecteur d'écran
C'est le test qui change votre regard sur l'accessibilité. Je le dis à chaque formation : 15 minutes avec un lecteur d'écran valent plus que des heures de théorie.
- NVDA (Windows, gratuit) : le plus utilisé en France, téléchargeable sur nvaccess.org
- VoiceOver (Mac/iOS, intégré) : activez avec Cmd+F5
- Parcourez les pages et écoutez ce qui est annoncé — et là, surprise, souvent c'est le chaos
- Testez les formulaires en particulier : labels, erreurs, aide contextuelle
Test de zoom et contrastes
- Zoomez à 200 % : le contenu doit rester lisible et fonctionnel, sans barres de défilement horizontales
- Utilisez Colour Contrast Analyser pour vérifier les ratios (4.5:1 texte normal, 3:1 grand texte). Vous allez probablement découvrir que la moitié de vos gris sont trop clairs
Checklist de test rapide RGAA
Voici ma checklist de test express. Elle ne remplace pas un audit complet, mais elle couvre l'essentiel :
| Vérification | Méthode | Critères RGAA |
|---|---|---|
| Images avec alt | Auto + manuel | 1.1-1.9 |
| Contrastes | Outil contraste | 3.2-3.3 |
| Navigation clavier | Manuel | 7.1, 12.7 |
| Titres hiérarchiques | HeadingsMap | 9.1 |
| Formulaires labellisés | Auto + manuel | 11.1-11.2 |
| Liens explicites | Manuel | 6.1 |
| Langue de la page | Automatisé | 8.3 |
| Titre de page | Automatisé | 8.5-8.6 |
| Vidéos sous-titrées | Manuel | 4.1-4.3 |
Retenez cette règle d'or : aucun outil seul ne suffit. Un test d'accessibilité sérieux combine toujours outils automatisés et vérifications manuelles. C'est un duo indissociable.