Lecteur d'écran : l'essentiel pour un audit RGAA
Les raccourcis qui suffisent pour auditer, NVDA et VoiceOver en bref, et la base de référence RGAA officielle : de quoi mener un premier vrai test, au-delà de ce qu'un scan automatique peut voir. Le tutoriel complet, pas à pas, est sur le blog.
Pourquoi tester avec un lecteur d'écran
Un scan automatique (le nôtre comme n'importe quel autre outil) détecte des anomalies structurelles : une image sans alternative, un champ sans étiquette, un contraste insuffisant. Il ne peut pas juger si l'ordre de lecture a du sens, si une mise à jour dynamique est annoncée, ou si un menu reste réellement utilisable une fois qu'on y entre au clavier.
- Le scan repère les anomalies détectables dans le code : balisage manquant, contraste, structure
- Le simulateur pré-repère les problèmes probables d'annonce, à partir de l'arbre d'accessibilité de la page
- Important : Seul un test avec un vrai lecteur d'écran permet de conclure qu'un parcours est réellement utilisable
Notre simulateur de lecteur d'écran est un outil de repérage rapide, pas un substitut au test réel : il aide à préparer l'audit, il ne le remplace pas.
Vous voulez le parcours complet pas à pas (structure, liens, formulaires, images, modales) ? Suivez le tutoriel NVDA/VoiceOver (13 minutes de lecture).
Installer NVDA : l'essentiel
NVDA est un lecteur d'écran gratuit et open source pour Windows, développé par l'association NV Access. C'est le plus utilisé pour les tests d'accessibilité sur le web francophone.
- Téléchargez l'installeur sur nvaccess.org et lancez-le
- Cochez l'option qui associe le raccourci Ctrl+Alt+N au démarrage de NVDA
- Réglez la vitesse et la voix à la volée avec Ctrl+Pavé num. + / Ctrl+Pavé num. -, ou depuis Préférences > Paramètres de synthèse vocale
NVDA se lance par-dessus votre système : ses raccourcis restent actifs même hors du navigateur. Pensez à quitter proprement (Inser+Q) une fois le test terminé.
Installation détaillée pas à pas (modes portable/temporaire, premier lancement) : voir le tutoriel complet.
Les 10 raccourcis qui suffisent pour un audit
Ces raccourcis fonctionnent en mode navigation (le mode par défaut de NVDA sur une page web). Ajoutez Majdevant une lettre pour revenir à l'élément précédent plutôt que d'avancer.
| Raccourci | Action | Ce qu'il permet de vérifier |
|---|---|---|
| Tab / Maj+Tab | Passer à l'élément interactif suivant / précédent (lien, bouton, champ) | Vérifier que tout est atteignable au clavier, dans un ordre cohérent |
| H / Maj+H | Aller au titre suivant / précédent | Vérifier la hiérarchie des titres (h1 puis h2, sans saut de niveau) |
| D / Maj+D | Aller à la région (landmark) suivante / précédente | Vérifier le balisage sémantique (nav, main, footer…) |
| K / Maj+K | Aller au lien suivant / précédent | Repérer les intitulés de lien peu explicites ("cliquez ici") |
| L / Maj+L | Aller à la liste suivante / précédente | Vérifier que les listes visuelles sont de vraies listes HTML |
| F / Maj+F | Aller au champ de formulaire suivant / précédent | Vérifier que chaque champ a une étiquette annoncée |
| G / Maj+G | Aller à l'image suivante / précédente | Vérifier la pertinence des alternatives textuelles |
| T / Maj+T | Aller au tableau suivant / précédent | Vérifier les en-têtes de colonnes et de lignes |
| Inser + F7 | Ouvrir la liste des éléments | Obtenir en un coup d'œil tous les titres, liens et régions de la page |
| Échap | Fermer une boîte de dialogue, revenir au mode focus | Vérifier qu'une fenêtre modale ou un menu se ferme correctement |
Sur Mac : VoiceOver
VoiceOver est le lecteur d'écran intégré gratuitement à macOS et iOS. Pas besoin de l'installer : il est déjà sur votre appareil.
- Cmd+F5 active ou désactive VoiceOver (raccourci configurable dans Réglages Système > Accessibilité si votre clavier n'a pas de touche F5 dédiée)
- « VO » désigne la touche modificatrice de VoiceOver, par défaut Ctrl+Option : la plupart des commandes se notent VO+quelque chose
- Important : VO+U ouvre le rotor, qui liste titres, liens, champs de formulaire et régions : l'équivalent de la liste des éléments de NVDA (Inser+F7)
Pour iOS (activation, gestes tactiles) : voir le tutoriel complet.
La base de référence RGAA expliquée
Le RGAA définit une « base de référence » : des combinaisons technologie d'assistance + navigateur sur lesquelles un site doit être pleinement fonctionnel pour être considéré comme compatible. Il suffit qu'une des combinaisons ci-dessous fonctionne intégralement.
Ordinateur (desktop)
Combinaison 1
- NVDA (dernière version) + Firefox
- JAWS (version précédente) + Firefox ou Internet Explorer
- VoiceOver (dernière version) + Safari
Combinaison 2
- JAWS (version précédente) + Firefox
- NVDA (dernière version) + Firefox ou Internet Explorer
- VoiceOver (dernière version) + Safari
Terminal mobile
- iOS : VoiceOver (dernière version) + Safari
- Android : TalkBack (dernière version) + Chrome
Le texte officiel cite encore Internet Explorer aux côtés de Firefox pour la combinaison JAWS, alors que ce navigateur est retiré du marché depuis 2022. C'est le texte du référentiel tel que publié, pas une recommandation à suivre à la lettre : en pratique, testez avec les navigateurs réellement utilisés par vos visiteurs.
Des combinaisons très répandues aujourd'hui, comme JAWS + Chrome ou NVDA + Chrome, ne figurent pas dans cette liste officielle. Elles restent de bons choix de test : à déclarer alors en « combinaison personnalisée » plutôt que de les faire passer pour l'une des deux combinaisons de référence.
Si votre site est diffusé dans un environnement maîtrisé (intranet, poste de travail imposé), la base de référence peut être remplacée par les combinaisons effectivement utilisées dans cet environnement : par exemple un unique navigateur sous GNU/Linux.
Par où commencer
Une fois NVDA ou VoiceOver installé et les raccourcis en main, le meilleur point de départ reste un audit sur un vrai site.
- Important : Lancez un audit gratuit puis suivez l'audit guidé sur votre rapport : chaque critère qui nécessite un test au lecteur d'écran est accompagné d'un protocole pas à pas (NVDA ou VoiceOver)
- Utilisez le simulateur de lecteur d'écran pour vous entraîner ou pré-repérer un problème avant de sortir NVDA
Pour aller plus loin :
- Tester son site avec NVDA et VoiceOver : tutoriel pratique
- Raccourcis NVDA essentiels : guide complet pour testeurs et développeurs
- Comparatif lecteurs d'écran : NVDA vs JAWS vs VoiceOver
- Comment les lecteurs d'écran transforment le web en expérience auditive
- Écrire du HTML pour les lecteurs d'écran : guide sémantique
Prêt à passer à l'audit ?
Notre scan repère les anomalies automatiquement détectables. L'audit guidé qui suit vous fait conclure sur les critères qui exigent un vrai test au lecteur d'écran.
Scanner mon site