Comment tester votre site avec un lecteur d'écran (NVDA, VoiceOver)

Vous avez audité votre site avec des outils automatiques (comme RGAA Checker), et tout semble vert. Bravo ! Mais avez-vous écouté votre site ? Le test manuel avec un lecteur d'écran est l'épreuve de vérité. C'est intimidant au début, mais voici comment vous lancer simplement.

Les outils gratuits

• Sur Windows : Téléchargez NVDA (NonVisual Desktop Access). C'est le plus utilisé au monde, il est gratuit et open-source.
• Sur Mac : Vous avez déjà VoiceOver. Il est installé par défaut sur tous les appareils Apple (Mac, iPhone, iPad).

Guide de démarrage rapide : NVDA (Windows)

1. Lancer : Ctrl + Alt + N
2. La touche magique : La touche "NVDA" est par défaut la touche Insert (ou Verr Maj si configuré).
3. Se taire : Appuyez sur Ctrl pour stopper la voix (indispensable pour ne pas devenir fou !).
4. Naviguer :
   • Flèche bas : Lire ligne par ligne.
   • H : Sauter de titre en titre (Heading).
   • K : Sauter de lien en lien.
   • Tab : Aller au prochain élément interactif.

Guide de démarrage rapide : VoiceOver (Mac)

1. Lancer : Cmd + F5 (ou triple clic sur Touch ID).
2. La touche magique : Les touches Ctrl + Option (appelées "VO").
3. Se taire : Appuyez sur Ctrl.
4. Naviguer :
   • VO + Flèche droite : Lire l'élément suivant.
   • VO + U : Ouvrir le "Rotor" (menu contextuel pour lister les titres, liens, etc.).

Le piège qui fait abandonner : les deux modes de NVDA

C'est la chose que personne ne dit aux débutants, et elle explique la plupart des abandons au bout de cinq minutes. NVDA fonctionne dans deux modes, et les mêmes touches n'y font pas la même chose.

• Le mode navigation sert à lire la page. Les lettres deviennent des raccourcis : H saute de titre en titre, K de lien en lien, F de champ en champ.
• Le mode formulaire sert à saisir. Les lettres redeviennent des lettres, et tapent dans le champ.

NVDA bascule tout seul quand le focus entre dans un champ de saisie, ce qui surprend : vous appuyez sur H en croyant naviguer et vous écrivez un « h » dans le formulaire. Insert + Espace bascule manuellement d'un mode à l'autre, et un bip grave ou aigu signale le changement.

VoiceOver n'a pas cette bascule automatique. Son équivalent est l'interaction : VO + Maj + Flèche bas pour entrer dans un groupe d'éléments, VO + Maj + Flèche haut pour en sortir.

Que chercher lors du test ?

Fermez les yeux (littéralement) et essayez de naviguer.

1. L'ordre est-il logique ? Est-ce que je lis le pied de page avant le contenu principal ?
2. Les images ont-elles du sens ? Si j'entends "image 4582.jpg", c'est un échec. Si j'entends "Graphique des ventes 2026", c'est gagné.
3. Les boutons sont-ils explicites ? Un bouton "En savoir plus" lu hors contexte ne veut rien dire.
4. Puis-je accéder à tout ? Essayez d'ouvrir le menu, de remplir le formulaire de contact et de l'envoyer sans toucher à la souris.

Ce test de 10 minutes vous en apprendra plus sur l'expérience réelle de vos utilisateurs que 10 rapports automatiques.

Une fois maîtrisé, essayez de tester des interfaces plus complexes comme les Single Page Applications (SPA).