Introduction aux tests d'accessibilité web : Par où commencer ?
En Bref : L'essentiel à retenir
- Les tests d'accessibilité combinent outils automatiques (détection de 30-50% des erreurs) et vérification manuelle pour une couverture complète.
- Le RGAA compte 106 critères répartis en 13 thématiques, avec des niveaux A et AA obligatoires depuis l'EAA de juin 2025.
- Commencer par les erreurs les plus fréquentes : contrastes (86% des sites), alt manquants (42% des images) et labels absents (54% des formulaires).
Vous venez de recevoir la mission d'auditer l'accessibilité de votre site web. Par où commencer ? Entre les 106 critères du RGAA, les outils automatiques et les tests manuels, il est facile de se sentir submergé.
Ce guide vous donne les clés pour débuter sereinement vos premiers tests d'accessibilité, sans prérequis technique avancé.
Pourquoi tester l'accessibilité de votre site ?
L'accessibilité web n'est plus une option depuis l'entrée en vigueur de l'European Accessibility Act (EAA) en juin 2025. Les entreprises à partir de 10 salariés, ou dépassant 2 millions d'euros de chiffre d'affaires et de total de bilan, doivent proposer des services en ligne accessibles.
Au-delà de l'obligation légale, les chiffres parlent d'eux-mêmes : 71% des utilisateurs en situation de handicap quittent un site difficile à utiliser et n'y reviennent jamais. En France, cela représente des millions de personnes exclues de vos services.
Note
Le RGAA (Référentiel général d'amélioration de l'accessibilité) est la déclinaison française des WCAG. Il compte 106 critères répartis en 13 thématiques couvrant tous les aspects d'un site web.
Les deux approches complémentaires des tests
Tests automatiques : le premier filtre
Les outils automatiques analysent votre code HTML et détectent les erreurs techniques évidentes. Ils constituent un excellent point de départ car ils sont rapides et reproductibles.
Ce qu'ils détectent bien :
- Contrastes de couleurs insuffisants
- Images sans attribut alt
- Liens sans texte accessible
- Erreurs de structure des titres
- Labels de formulaires manquants
Ce qu'ils ne peuvent pas vérifier :
- Pertinence du texte alternatif d'une image
- Cohérence de l'ordre de lecture
- Compréhensibilité des instructions
- Expérience réelle au clavier
Astuce
Utilisez notre outil gratuit pour lancer un premier diagnostic automatique de votre site en quelques secondes.
Tests manuels : la vérification humaine
Les tests automatiques ne détectent que 30 à 50% des problèmes d'accessibilité. Pour une évaluation complète, les vérifications manuelles sont indispensables.
Tests essentiels à réaliser :
- Navigation complète au clavier (Tab, Entrée, Échap)
- Parcours avec un lecteur d'écran (NVDA sur Windows, VoiceOver sur Mac)
- Zoom à 200% sans perte d'information
- Compréhension du contenu sans les images
Les outils pour débuter
Extension WAVE
WAVE de WebAIM est l'outil idéal pour commencer. Cette extension Chrome/Firefox affiche les erreurs directement sur votre page avec des icônes explicatives. Aucune connaissance technique requise.
Lighthouse de Chrome
Intégré aux DevTools de Chrome (F12 > onglet Lighthouse), cet outil fournit un score d'accessibilité sur 100 et liste les problèmes détectés avec des liens vers la documentation.
axe DevTools
Plus technique, axe est la référence pour les développeurs. Il s'intègre dans votre workflow de développement et peut être automatisé dans vos tests CI/CD.
Les erreurs les plus fréquentes à corriger en priorité
Selon l'étude WebAIM de 2025 analysant un million de pages, voici le top 5 des erreurs :
| Erreur | Fréquence |
|---|---|
| Contraste insuffisant | 86% des sites |
| Alt text manquant | 42% des images |
| Labels de formulaires absents | 54% des formulaires |
| Liens vides | 34% des pages |
| Structure de titres incorrecte | 68% des pages |
Concentrez vos premiers efforts sur ces points. Ils représentent la majorité des obstacles rencontrés par les utilisateurs.
Votre première session de test pas à pas
- Installez WAVE sur votre navigateur
- Lancez l'analyse sur votre page d'accueil
- Notez les erreurs rouges (critiques) en priorité
- Testez la navigation clavier : appuyez sur Tab et vérifiez que le focus est toujours visible
- Activez le zoom à 200% (Ctrl + sur Windows, Cmd + sur Mac) et vérifiez que le contenu reste lisible
Cette première session de 30 minutes vous donnera une vision claire de l'état de votre site.
Structurer vos tests avec le RGAA
Le RGAA organise ses 106 critères en 13 thématiques. Pour un premier audit, concentrez-vous sur les thématiques prioritaires :
- Thématique 1 - Images : Vérifiez que chaque image a un texte alternatif pertinent
- Thématique 3 - Couleurs : Contrôlez les contrastes (ratio 4.5:1 minimum)
- Thématique 8 - Éléments obligatoires : Vérifiez la langue de la page et le titre
- Thématique 11 - Formulaires : Assurez-vous que chaque champ a un label
Note
Consultez notre guide complet du RGAA pour découvrir les 106 critères en détail.
Documenter vos résultats
Chaque test doit être documenté pour assurer le suivi des corrections. Pour chaque erreur, notez :
- Le critère RGAA concerné (ex: 1.1.1)
- La page et l'élément touchés
- Une capture d'écran si nécessaire
- La correction recommandée
Cette documentation sera indispensable pour prioriser les corrections et suivre l'évolution de votre conformité.
Passer à l'étape suivante
Une fois vos premiers tests réalisés, vous pouvez approfondir votre démarche :
- Automatisez vos tests dans votre pipeline de développement
- Formez vos équipes aux bonnes pratiques d'accessibilité
- Planifiez des audits réguliers car l'accessibilité est un processus continu
L'accessibilité n'est pas une destination mais un voyage. Chaque amélioration, même minime, ouvre votre site à de nouveaux utilisateurs et améliore l'expérience pour tous.
Guides RGAA associés
Pour aller plus loin sur les sujets abordés dans cet article, consultez nos fiches techniques :
Chaque image porteuse d'information doit avoir une alternative textuelle pertinente via l'attribut alt. Les images décoratives doivent avoir un attribut alt vide.
Chaque champ de formulaire doit avoir une étiquette (label) qui lui est liée explicitement.
Le contraste entre la couleur du texte et la couleur de son arrière-plan doit être suffisamment élevé (4.5:1 pour le texte normal, 3:1 pour le grand texte).
Vidéos RGAA sur ce thème
Pour voir ces sujets en action, regardez les épisodes vidéo correspondants :
Articles similaires
Votre site est-il conforme ?
Ne prenez pas de risques avec l'accessibilité. Lancez un audit complet de votre site en quelques minutes et obtenez un rapport détaillé des corrections à apporter.