Raccourcis NVDA essentiels : Guide complet pour testeurs et développeurs
En Bref : L'essentiel à retenir
- NVDA utilise Insert comme touche modificatrice par défaut, combinable avec d'autres touches
- La navigation par lettres uniques H K T permet de sauter entre titres liens et tableaux
- Le mode formulaire et le mode navigation se basculent avec Insert Espace
NVDA (NonVisual Desktop Access) est le lecteur d'écran gratuit le plus utilisé sur Windows. Maîtriser ses raccourcis est indispensable pour tester efficacement l'accessibilité de vos sites web. Ce guide vous présente les commandes essentielles organisées par usage.
Configuration initiale
Installation et premier lancement
NVDA est téléchargeable gratuitement depuis nvaccess.org. À l'installation, choisissez les options par défaut pour débuter. Au premier lancement, un dialogue de bienvenue s'affiche avec les options de base.
La touche NVDA
La plupart des raccourcis utilisent la "touche NVDA" comme modificateur. Par défaut, il s'agit de la touche Insert (pavé numérique ou étendue). Vous pouvez également configurer Verr Maj comme touche NVDA alternative dans les paramètres.
Dans ce guide, nous utiliserons "NVDA" pour désigner cette touche modificatrice.
Dispositions clavier
NVDA propose deux dispositions :
- Desktop : utilise le pavé numérique pour la navigation
- Laptop : adaptée pour les claviers sans pavé numérique
Les raccourcis présentés ici concernent principalement la disposition Desktop, avec les alternatives Laptop mentionnées quand elles diffèrent significativement.
Raccourcis de base
Contrôle de la parole
| Raccourci | Action |
|---|---|
| Control | Arrêter la parole |
| Shift | Mettre en pause (appuyer à nouveau pour reprendre) |
| NVDA + S | Cycle entre les modes parole : parole, bips, désactivé |
| NVDA + 2 | Activer/désactiver l'épellation des caractères |
| NVDA + P | Cycle entre les niveaux de ponctuation |
Menu NVDA et aide
| Raccourci | Action |
|---|---|
| NVDA + N | Ouvrir le menu NVDA |
| NVDA + 1 | Mode d'aide à la saisie (annonce le rôle de chaque touche) |
| NVDA + F1 | Aide sur l'élément actuel |
| NVDA + Q | Quitter NVDA |
[!TIP] Le mode d'aide à la saisie (NVDA + 1) est précieux pour découvrir les raccourcis. Appuyez sur n'importe quelle combinaison pour entendre sa fonction.
Navigation dans les pages web
Lecture du contenu
| Raccourci | Action |
|---|---|
| NVDA + Flèche bas | Lecture continue depuis la position actuelle |
| Flèche bas | Ligne suivante |
| Flèche haut | Ligne précédente |
| NVDA + Flèche haut | Ligne courante |
| NVDA + Fin | Fin du document |
| NVDA + Début | Début du document |
Navigation par éléments (lettres rapides)
En mode navigation, les lettres uniques permettent de sauter directement aux éléments. Ajoutez Shift pour naviguer en arrière.
| Lettre | Élément |
|---|---|
| H | Titre (heading) |
| 1-6 | Titre de niveau spécifique |
| K | Lien |
| U | Lien non visité |
| V | Lien visité |
| D | Landmark / région |
| T | Tableau |
| F | Champ de formulaire |
| B | Bouton |
| L | Liste |
| I | Élément de liste |
| G | Graphique / image |
Exemples :
- Appuyez sur H pour aller au titre suivant
- Appuyez sur Shift + H pour revenir au titre précédent
- Appuyez sur 2 pour aller au prochain titre de niveau 2
Activer/désactiver les lettres rapides
| Raccourci | Action |
|---|---|
| NVDA + Shift + Espace | Basculer le mode lettres rapides |
[!NOTE] Les lettres rapides ne fonctionnent qu'en mode navigation. En mode formulaire, les lettres sont saisies normalement dans les champs.
Mode navigation vs mode formulaire
Comprendre les deux modes
NVDA alterne entre deux modes de fonctionnement :
- Mode navigation : pour lire et parcourir le contenu (lettres rapides actives)
- Mode formulaire (focus) : pour interagir avec les champs de saisie
NVDA bascule automatiquement en mode formulaire lorsque vous entrez dans un champ. Le son caractéristique vous indique le changement de mode.
Basculer manuellement
| Raccourci | Action |
|---|---|
| NVDA + Espace | Basculer entre mode navigation et formulaire |
| Échap | Revenir au mode navigation |
| Entrée | Activer l'élément et passer en mode formulaire si applicable |
Liste des éléments
La liste des éléments est un outil puissant pour naviguer rapidement.
| Raccourci | Action |
|---|---|
| NVDA + F7 | Ouvrir la liste des éléments |
Dans la liste des éléments, utilisez les onglets pour filtrer :
- Liens : tous les liens de la page
- Titres : structure des headings
- Landmarks : régions ARIA
- Champs de formulaire : tous les champs
- Boutons : tous les boutons
Tapez du texte pour filtrer les résultats. Appuyez sur Entrée pour aller à l'élément sélectionné.
Navigation dans les tableaux
| Raccourci | Action |
|---|---|
| T / Shift + T | Tableau suivant / précédent |
| Control + Alt + Flèches | Naviguer entre les cellules |
| NVDA + T | Annoncer le titre du tableau |
| NVDA + Shift + T | Annoncer les en-têtes de ligne et colonne |
Conseil pour les tableaux
En entrant dans un tableau, NVDA annonce le nombre de lignes et colonnes. Utilisez Control + Alt + Flèches pour vous déplacer cellule par cellule. NVDA annonce automatiquement les en-têtes s'ils sont correctement balisés.
Formulaires
| Raccourci | Action |
|---|---|
| F / Shift + F | Champ suivant / précédent |
| B / Shift + B | Bouton suivant / précédent |
| X / Shift + X | Case à cocher suivante / précédente |
| Tab | Élément focusable suivant |
| Shift + Tab | Élément focusable précédent |
| Espace | Activer bouton ou cocher case |
| Alt + Flèche bas | Ouvrir liste déroulante |
Landmarks et régions
Les landmarks ARIA permettent une navigation structurelle efficace.
| Raccourci | Action |
|---|---|
| D / Shift + D | Landmark suivant / précédent |
| NVDA + D | Annoncer le landmark actuel |
Les landmarks détectés incluent : main, navigation, banner, contentinfo, complementary, search, form, region.
Informations contextuelles
| Raccourci | Action |
|---|---|
| NVDA + Tab | Annoncer l'élément ayant le focus |
| NVDA + T | Annoncer le titre de la fenêtre |
| NVDA + F | Annoncer la mise en forme du texte |
| NVDA + D | Annoncer la description de l'élément |
| NVDA + Shift + R | Activer le mode revue |
Configuration pour les tests
Visualiseur de parole
Pour les testeurs voyants, le visualiseur de parole affiche textuellement ce que NVDA annonce.
- NVDA + N pour ouvrir le menu
- Outils
- Visualiseur de parole
Cette fenêtre affiche en temps réel les annonces, facilitant l'apprentissage et la documentation des tests.
Réglages recommandés pour les tests
Dans les paramètres NVDA (NVDA + N puis préférences) :
- Mode navigation : contrôler automatiquement le focus = oui
- présentation des objets : annoncer les descriptions = oui
- Parole : ajuster la vitesse selon votre confort
[!TIP] Créez un profil de configuration spécifique pour les tests d'accessibilité via NVDA + Control + P.
Bonnes pratiques de test
Méthodologie recommandée
- Titre de page : vérifiez l'annonce avec NVDA + T
- Structure des titres : parcourez avec H et vérifiez la hiérarchie
- Navigation principale : testez les liens avec K et les menus
- Formulaires : vérifiez les labels avec F et les messages d'erreur
- Tableaux : vérifiez les en-têtes avec T puis navigation cellule par cellule
- Images : parcourez avec G et vérifiez les alternatives
Documenter vos tests
Notez pour chaque élément testé :
- Ce que NVDA annonce
- Ce qui est attendu
- L'écart éventuel et sa gravité
Utilisez notre outil d'audit RGAA en complément pour croiser les résultats automatisés avec vos tests manuels NVDA.
Conclusion
NVDA est un outil puissant dont la maîtrise demande de la pratique. Commencez par les raccourcis de base (H, K, Tab, NVDA + Espace) puis élargissez progressivement votre répertoire. Avec l'habitude, vous naviguerez naturellement et détecterez rapidement les problèmes d'accessibilité.
Pour une vision complète des tests d'accessibilité, consultez également notre guide de navigation clavier sur macOS si vous travaillez aussi sur Mac, ou notre checklist UX accessibilité pour structurer vos vérifications.
Guides RGAA associés
Pour aller plus loin sur les sujets abordés dans cet article, consultez nos fiches techniques :
Chaque champ de formulaire doit avoir une étiquette (label) qui lui est liée explicitement.
Dans chaque page web, un lien d'évitement ou d'accès rapide au contenu principal doit être présent, visible au focus, et placé en premier élément focusable.
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.
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.