# Tester un site WordPress avec NVDA : premiers pas pour un développeur

> NVDA est gratuit, open source et fonctionne sous Windows. Voici comment l'installer, apprendre les raccourcis essentiels, et repérer en une heure les défauts les plus flagrants d'un site.

- Auteur : Clément Hadrot
- Publié le : 2022-07-19
- Mis à jour le : 2022-07-19
- Catégorie : Accessibilité
- URL : https://wpmoderne.dev.wordpress-developpement.fr/accessibilite/tester-wordpress-nvda-lecteur-ecran/

## L’essentiel

- NVDA est gratuit et open source, aucune excuse pour ne pas tester
- La navigation par titres (touche H) révèle vite les problèmes de structure
- Un premier passage prend moins d'une heure

Beaucoup de développeurs WordPress évitent de tester leurs sites avec un lecteur d'écran, souvent par appréhension : l'outil semble réservé aux experts en accessibilité, avec une courbe d'apprentissage jugée décourageante. NVDA (NonVisual Desktop Access), gratuit et open source, change la donne : une installation de cinq minutes et une poignée de raccourcis clavier suffisent pour repérer, dès la première session, la majorité des défauts structurels d'un site.

Ce guide couvre l'installation, les raccourcis indispensables et une méthode de test simple, pensée pour un développeur qui découvre l'outil, sans prétendre remplacer un audit mené par un utilisateur expert et quotidien de ces technologies.

## Installer NVDA en cinq minutes

NVDA se télécharge gratuitement depuis le site de NV Access, l'association qui développe le logiciel, et s'installe comme n'importe quel programme Windows. Aucune licence, aucun compte, aucune limitation de durée : l'outil est entièrement libre, ce qui en fait la référence pour tester rapidement un site sans barrière financière ni administrative. Il fonctionne uniquement sous Windows ; pour macOS, VoiceOver, intégré nativement au système, joue un rôle équivalent.

## Les raccourcis à connaître avant de commencer

Une poignée de raccourcis couvre l'essentiel d'une première session de test. Ils fonctionnent dans la plupart des navigateurs modernes une fois NVDA lancé et une page web ouverte.

- **H** : passer au titre suivant (`h1` à `h6`), un des tests les plus révélateurs
- **Tab** : passer à l'élément focusable suivant (lien, bouton, champ de formulaire)
- **K** : passer au lien suivant
- **D** : passer à la zone de repère suivante (`<nav>`, `<main>`, `<footer>`)
- **Inser + F7** : afficher la liste complète des éléments de la page (titres, liens, zones), un excellent point de vue d'ensemble

> L'essentiel à retenir : NVDA est gratuit et open source, aucune excuse pour ne pas tester ; La navigation par titres (touche H) révèle vite les problèmes de structure ; Un premier passage prend moins d'une heure

## Une méthode de test en trois passages

Plutôt que d'écouter la page dans son intégralité, une méthode plus efficace consiste à effectuer trois passages ciblés, chacun révélant un type de problème différent.

### Premier passage : la structure des titres

En appuyant uniquement sur la touche **H** du début à la fin de la page, NVDA annonce chaque titre avec son niveau. Cette navigation révèle immédiatement les sauts de niveau incohérents (un `h4` qui suit directement un `h2`, sans `h3` intermédiaire) et les titres utilisés uniquement pour un effet visuel, sans rapport avec la structure du contenu.

### Deuxième passage : la liste des liens

La commande Inser + F7, en affichant la liste de tous les liens de la page, révèle un défaut extrêmement fréquent : des libellés de lien répétés et non informatifs, comme une série de liens intitulés uniquement « Lire la suite », sans contexte. Un utilisateur de lecteur d'écran qui consulte cette liste hors contexte ne peut pas distinguer ces liens entre eux.

### Troisième passage : le parcours clavier complet

Enfin, un parcours entier à la touche Tab, du haut de la page jusqu'au pied de page, révèle les pièges de focus invisible et les éléments interactifs qui ne réagissent pas correctement (boutons sans état annoncé, cases à cocher personnalisées non reconnues comme telles).

## Ce que ce test ne remplace pas

Un développeur qui découvre NVDA sur quelques sessions gagnera une sensibilité précieuse aux problèmes structurels évidents, mais restera loin de l'aisance d'un utilisateur quotidien de lecteur d'écran, capable de naviguer à une vitesse de synthèse vocale bien supérieure à ce qu'un débutant peut suivre. Un audit professionnel, mené par une personne en situation de handicap formée à ces outils, reste irremplaçable pour valider un site avant une mise en production sensible.

> Tester son propre site avec NVDA, même maladroitement, change durablement la façon de coder. On cesse de considérer la structure HTML comme un détail technique et on commence à la voir comme ce qu'elle est réellement : l'interface elle-même, pour une partie des visiteurs.

## En résumé

NVDA lève la principale excuse invoquée pour ne pas tester l'accessibilité d'un site : son coût. Gratuit, open source, installable en quelques minutes, il permet à n'importe quel développeur WordPress de repérer, en moins d'une heure, les défauts de structure les plus flagrants d'un thème. Ce n'est qu'un premier niveau de test, mais c'est un premier niveau que rien ne justifie de sauter.