Guide et raccourcis NVDA pour les tests d’accessibilité

Vous commencez dans l'accessibilité numérique et notamment dans l'évaluation d'un site ou d'un de vos propres développement avec le lecteur d'écran NVDA. Voici une introduction qui vous permettra de configurer NVDA et de retrouver les raccourcis les plus utiles pour démarrer.

Par Frédéric Halna, 14 janvier 2022

Temps de lecture : 5 minutes

Mot(s) clé(s) :

Commencer avec un lecteur d’écran n’est jamais simple, voici quelques conseils pour configurer au mieux NVDA lorsqu’on débute.

L’idée de ce guide est de vous aider à utiliser et configurer NVDA pour tester des sites web et non pour vous former à l’usage de NVDA en tant que personne déficiente visuelle.

Rapide historique de NVDA.

NVDA, ça veut dire « Non Visual Desktop Access ». C’est donc un lecteur d’écran open source pour Windows créé en 2006 par Michael Curran et James Teh pour proposer une alternative aux lecteurs d’écran propriétaires dont le prix limite fortement l’accès à l’informatique aux personnes déficientes visuelles.

NVDA en devenant de plus en plus performant offre aujourd’hui une véritable alternative aux lecteurs d’écrans payants.

Les enquêtes menées par Webaim depuis 2008 montre une évolution de NVDA vis à vis de la concurrence.

En 2008/2009 NVDA était le lecteur principal de 8% des personnes interrogées comparé à 2021 ou le taux est maintenant de 31%. Le taux d’usage est très disparate en fonction de l’origine géographique des utilisateurs (20% en Australie et en Amérique du nord, 40% en Europe et 60% en Afrique et moyen orient).

Installation de NVDA

NVDA est téléchargeable depuis le site nvaccess.org

Il est possible d’utiliser NVDA de trois façons différentes :

  • En l’installant sur votre ordinateur
  • En mode portable depuis un répertoire ou une clé externe
  • En l’exécutant directement à partir de la source téléchargée

Il n’est pas recommandé de l’utiliser depuis la source téléchargée car aucune des configurations effectuées ne sera sauvegardée. Les opérations de configuration devront donc être reproduites à chaque lancement.

Point d’attention,  à l’installation de NVDA, il faut faire attention de décocher la case à cocher « Utiliser NVDA lors de la connexion ». Si cette option est indispensable pour les personnes déficientes visuelles, elle va gêner les testeurs puisqu’elle va lancer NVDA et donc vocaliser l’interface de connexion de Windows.

Capture d'écran avec l'option "utiliser NVDA lors de la connexion"

Configuration NVDA recommandée pour les tests d’accessibilité

Une fois installé, nous allons configurer NVDA dans l’optique de faciliter les tests d’accessibilité. Ces paramètres sont des recommandations et en aucun cas une obligation. Vous êtes libre en fonction de vos besoins d’en appliquer certains voire aucun.

Pour éviter que NVDA se lance sur l’écran de connexion de Windows ou au lancement de votre session

Dans préférences > paramètres > général

Décocher : « Démarrer NVDA après ma connexion » et « Utiliser NVDA lors de la connexion à Windows »

Pour éviter que NVDA vocalise l’ensemble des touches tapées lorsqu’on saisit du texte

Dans préférences > paramètres > clavier

Décocher : « écho clavier par caractère »

Pour éviter que NVDA vocalise du texte lors de l’usage de la souris

Dans préférences > paramètres > Souris

Décocher : « Activer le suivi de la souris »

La visionneuse de parole NVDA

La visionneuse de parole vous permet de garder un oeil sur l’ensemble des informations qui ont pu être vocalisées par NVDA. C’est souvent indispensable, pour bien revenir en arrière et s’assurer en tant que personne qui réalise des tests, qu’on n’est pas passé à côté d’une information indispensable. C’est aussi pour ça que c’est important de supprimer la vocalisation du suivi de la souris, pour éviter de « polluer » la restitution dans la visionneuse.

Il est aussi conseillé d’utiliser le raccourcis NVDA + maj + s, pour désactiver NVDA dans votre éditeur de texte ou tableur (le raccourci s’applique sur la fenêtre active). Afin d’éviter que NVDA vocalise pendant que vous prenez des notes ou que vous remplissez vos grilles d’audits.

Activer la visionneuse de parole

Dans outils > visionneuse parole

N’hésitez pas à cocher la case « Montrer la Visionneuse de Parole au démarrage » qui se situe en bas de la visionneuse de parole pour que celle-ci se lance en même temps que NVDA

  • Faire vocaliser les raccourcis effectués pour naviguer dans la page

Dans préférences > paramètres > clavier

Cocher : « Dire les touches de commandes »

La vocalisation des touches de raccourcis permet de faire vocaliser par NVDA l’ensemble des actions clavier que vous allez réaliser. L’avantage notable, c’est que dans la visionneuse de parole, vous verrez également les raccourcis effectués avant chaque retour du lecteur d’écran.

Dans la capture d’écran ci-dessous on peut noter la succession d’appuis sur la touche Tabulation (tab) puis sur la flèche de navigation bas (flèche bas). Chaque touche de raccourcis est suivi de la vocalisation par NVDA.

Activer la visualisation des focus et curseur de NVDA

Dans les précédentes version de NVDA, il fallait installer une extension pour visualiser ces éléments, c’est maintenant une fonction directement intégrée dans l’outil.

Dans préférences > paramètres > Vision

Cocher : « Activer la mise en évidence »

Dans l’interface, le focus et le curseur virtuel prendront maintenant différentes couleurs en fonction de leur nature:

  • Le bleu continu indique l’objet navigateur combiné au focus système
  • Le bleu pointillé indique l’objet ayant le focus système.
  • Le rouge continu indique l’objet navigateur.
  • Le jaune continu indique le curseur virtuel

Retrouvez ces informations dans le guide au format PDF

NVDA_Guide_Raccourcis_Tanaguru (PDF, 216 ko)

Raccourcis de base

CommandesRaccourcis
Activer NVDACtrl + alt + n
Quitter NVDANVDA + q
Mode de parole (parole, bip, silence)NVDA + s
Mode veille
permet de désactiver NVDA dans une application
NVDA + maj + s
Arrêt de la paroleCtrl

Navigation

Navigation générale

CommandesRaccourcis
Élément suivantFlèche bas
Élément précédentFlèche haut
Élément focusable suivantTab
Élément focusable précédentMaj + tab
Activer un lienEntrée
Activer un boutonEntrée ou Espace

Navigation rapide

L’utilisation la touche Maj additionnée au raccourcis suivants permet d’accéder à  l’élément correspondant précédent (exemple maj + h permet d’accéder au titre précédent).

CommandesRaccourcis
Titre de niveau suivanth
Titre de niveau [1 à 6] suivant1 à 6
Liste suivantel
Élément de liste suivanti
Tableau suivantt
Lien suivantk
Champ de formulaire suivantf
Bouton suivantb
Case à Cocherx
Liste déroulantec
Bouton radior
Balise de citationq
Région suivanted
Cadre suivantm
Aller à l’élément suivant immédiatement un tableau ou une liste, (virgule)

Navigation dans les tableaux

L’utilisation la touche Maj additionnée au raccourcis suivants permet d’accéder à  l’élément correspondant précédent (exemple maj + t permet d’accéder au tableau précédent).

CommandesRaccourcis
Tableau suivantt
Cellule à droiteCtrl + Alt + flèche droite
Cellule à gaucheCtrl + Alt + flèche gauche
Cellule au-dessousCtrl + Alt + flèche bas
Cellule au-dessusCtrl + Alt + flèche haut
Aller à l’élément suivant immédiatement un tableau, (virgule)

Navigation dans les formulaires

L’utilisation la touche Maj additionnée au raccourcis suivants permet d’accéder à  l’élément correspondant précédent (exemple maj + c permet d’accéder au bouton radio précédent).

CommandesRaccourcis
Liste des champs de formulairesInser + F7
Champ de formulaire suivantf
Bouton suivantb
Case à cocher suivantex
Sélectionner ou désélectionner la case à cocherEspace
Bouton radio suivantc
Sélectionner le bouton radioFlèche haut et bas

Commentaires

  • Nicolas 20 janvier 2022

    Concernant le raccourci clavier NVDA + Maj + S, c’est celui en configuration desktop ; pour une configuration laptop, c’est NVDA + Maj + Z.

  • Frédéric Halna 21 janvier 2022

    Merci Nicolas, en effet dans l’article je n’ai pas pris en compte la disposition du clavier pour la configuration Laptop.

Laisser un commentaire

Les champs précédés d'un astérisque (*) sont obligatoires.