Back to the original French page Read this page in Italian by Google Translation Read this page in Portuguese by Google Translation Read this page in English by Google Translation Read this page in German by Google Translation Read this page in Spanish by Google Translation Read this page in Arabic by Google Translation Read this page in Hebrew by Google Translation

Utiliser le lecteur d’écran NVDA pour évaluer l’accessibilité d’un site Web

Aller au début du contenu sans utiliser la barre Consultation et Partage Mode d'emploi de la barre Consultation et Partage Ecoutez le contenu principal de cette page
Imprimer Imprimer le contenu principal de cette page Envoyer Envoyer par courriel le contenu principal de cette page Partager Partager cette page sur TwitThis Partager cette page sur Facebook Partager cette page sur Wikio Partager cette page sur Google Partager cette page sur LinkedIn Partager cette page sur Digg Partager cette page sur del.icio.us Partager cette page sur Netvibes

Avertissement : la version originale de ce document est Using NVDA to Evaluate Web Accessibility. Cette traduction en français a été réalisée par Ideose dans le cadre d’un accord entre WebAIM et Ideose.

Note : consulter la page Documents sur l’accessibilité du Web pour obtenir la liste de tous les documents déjà traduits. D’autres ressources sur l’accessibilité du Web sont également listées dans le Portail du numérique accessible.

Sommaire

La liste suivante est le sommaire du document. Pour passer cette liste avec NVDA, appuyez sur la touche H pour aller au prochain titre de paragraphe.

  1. Introduction
  2. Se préparer
  3. Lecture
  4. Navigation
    1. Touches rapides
    2. Autres raccourcis clavier pour la navigation
  5. Images
  6. Tableaux de données
  7. Formulaires
  8. Entraînement

Introduction

Ce document a été conçu pour aider les utilisateurs qui sont novices dans l’utilisation du lecteur d’écran NVDA à apprendre les commandes de base pour effectuer les tests d’évaluation du contenu Web et pour servir de référence à l’utilisateur occasionnel de NVDA. NVDA est un lecteur d’écran gratuit et en Open Source pour le système d’exploitation Microsoft Windows. Il supporte 20 langues et peut fonctionner soit sur un ordinateur, soit à partir d’une clé USB sans qu’une installation soit nécessaire (si vous débutez en accessibilité, vous devriez probablement commencer par lire le document Introduction à l’accessibilité du Web qui vous donnera une vue d’ensemble de comment les personnes aveugles naviguent sur le Web).

Il est important d’évaluer l’accessibilité du contenu Web avec un lecteur d’écran, mais les lecteurs d’écran peuvent être des logiciels très compliqués à manipuler pour des utilisateurs occasionnels. Par conséquent, beaucoup de personnes les évitent. Cela ne doit pas être le cas. Même si les lecteurs d’écran sont compliqués, il est possible d’évaluer l’accessibilité du contenu Web sans être un « utilisateur confirmé ».

En lisant ce document, gardez à l’esprit les points suivants :

  • Ce document ne contient pas une liste exhaustive des raccourcis clavier de NVDA mais une liste des commandes essentielles que les nouveaux utilisateurs de NVDA devraient connaître. Pour une liste plus complète des raccourcis clavier, consultez le document Raccourcis clavier pour le lecteur d’écran NVDA ou le document NVDA User Guide.
  • Si vous êtes un nouvel utilisateur des lecteurs d’écran, prévoyez de passer quelque temps (peut être plusieurs heures) sur cette page et sur les pages d’exemples avant d’être plus à l’aise avec NVDA. Ne soyez pas découragé après seulement quelques minutes. Prenez votre temps pour lire.
  • C’est toujours plus facile d’utiliser NVDA sur un clavier standard. Il y a d’autres combinaisons à connaître si vous utilisez un clavier d’ordinateur portable mais ce document n’aborde pas ce point.

Se préparer

NVDA est un logiciel Open Source. Vous pouvez télécharger NVDA gratuitement (seulement pour Microsoft Windows). NVDA étant un projet relativement récent, certaines de ses fonctionnalités sont basiques. Une fois que vous avez téléchargé et installé NVDA, vous pouvez le démarrer en appuyant sur les touches Ctrl + Alt + N.

La touche de commande NVDA est par défaut la touche d’insertion (Inser) mais peut être changée pour la touche des lettres en majuscule (Capslock). Si vous voulez faire ce changement, vous devez appuyer sur les touches Ctrl + NVDA + K.

Quand vous utilisez NVDA, gardez les points suivants en tête :

  • Même si NVDA permet de consulter l’environnement Windows et la plupart des applications Windows, ce document ne concerne que le contenu Web.
  • Vérifiez que le « Pavé Numérique » n’est pas activé.
  • Utilisez plutôt NVDA avec Firefox même si ce n’est pas votre navigateur Web habituel.
  • Souvenez-vous que les utilisateurs de lecteurs d’écrans n’utilisent pas de souris. Dès que vous devenez plus à l’aise avec NVDA, essayez d’utiliser seulement le clavier.
  • Gardez à l’esprit que la plupart des raccourcis clavier des navigateurs fonctionnent toujours quand vous utilisez NVDA.
  • La page peut ne pas défiler normalement, ce qui peut entraîner que le contenu Web lu par NVDA ne soit pas visible à l’écran.

Lecture

Il existe des dizaines de raccourcis clavier qui vous permettent de lire du contenu par ligne, phrase, mot, caractère, etc. Ce qui suit est une liste des raccourcis clavier essentiels. Grâce à ces raccourcis, vous devriez être en mesure de naviguer à travers tout le contenu.

  • Pavé Numérique + : lit à partir du haut de la page
  • NVDA + flèche bas : lit à partir de la position du curseur
  • Ctrl : arrête de lire
  • NVDA + flèche haut ou Pavé Numérique 8 : lit la ligne courante
  • Ctrl + flèche gauche/flèche droite ou Pavé Numérique 4/Pavé Numérique 6 : lit le mot précédent/suivant
  • flèche haut ou Pavé Numérique 7 : lit la ligne précédente
  • flèche bas ou Pavé Numérique 9 : lit la ligne suivante
  • flèche gauche/flèche droite ou Pavé Numérique 1/Pavé Numérique 3 : lit le caractère précédent/suivant
  • F5/Ctrl + F5 : rafraîchit la page/ rechargement de la page (si vous vous trompez, c’est la manière de recommencer)
  • NVDA + Ctrl + flèche haut/flèche bas : augmente/diminue la vitesse de la voix de synthèse

Il est conseillé de commencer à vous exercer en lisant le contenu de cette page avec le lecteur d’écran NVDA. Gardez à l’esprit qu’il existe un lien en haut de cette page pour sauter au contenu principal (lire le document « Skip Navigation » Links).

Images

Chaque image sur une page doit avoir une alternative textuelle (lire le document Appropriate Use of Alternative Text). Si une image ne possède pas d’alternative textuelle, un lecteur d’écran va généralement l’ignorer, mais son comportement peut varier selon sa fonction.

Exercice d’entraînement avec NVDA sur les images

Tableaux de données

Il existe deux utilisations principales pour les tableaux sur le Web : pour la mise en page (lire le document Creating Accessible Tables : layout tables) et pour organiser les données (lire le document Creating Accessible Tables : data tables). Avec NVDA, pour aller au prochain tableau, appuyez sur la touche T. Pour naviguer entre le scellules dans un tableau, utilisez la commande flèche haut/flèche bas pour aller à la cellule précédente/suivante.

Exercice d’entraînement avec NVDA sur les tableaux

Formulaires

Les formulaires sont utilisés pour interagir avec l’utilisateur sur le Web (lire le document Creating Accessible Forms). La balise label permet d’associer de manière explicite un champ avec son intitulé. NVDA lira ainsi l’intitulé d’un champ quand ce champ est atteint par le curseur. Si un champ n’a pas de balise label associée, NVDA ne pourra pas identifier son intitulé. La balise fieldset (lire le paragraphe Group related form elements using the fieldset element) est utilisée pour grouper les éléments de formulaire en zones d’information. Cela inclut générallement les cases à cocher et les boutons radio. NVDA lit les balises fieldset et legend.

Utilisez les raccourcis clavier suivants pour naviguer et contrôler les formulaires :

  • Quand vous accédez à un champ de formulaire, NVDA entre dans le mode formulaire ou focus. Dans le mode focus, vous pouvez taper du texte sans activer les touches rapides ou d’autres raccourcis clavier. Vous pouvez appuyer sur la touche Entrée ou NVDA + Barre d’espacement pour entrer dans le mode focus.
  • Appuyez sur NVDA + Barre d’espacement pour sortir du mode focus et retourner au mode navigateur.
  • Une fois que vous êtes dans le mode focus/formulaire, utilisez la touche Tab et Shift + Tab pour naviguer à l’intérieur du formulaire de champ en champ.
  • Utilisez la touche Barre d’espacement pour sélectionner ou désélectionner des cases à cocher.
  • Utilisez les raccourcis clavier flèche haut/flèche bas pour sélectionner un groupe de boutons radio.
  • Utilisez les raccourcis clavier flèche haut/flèche bas ou la Première lettre pour sélectionner un élément dans une liste déroulante.
  • NVDA quitte automatiquement le mode formulaire quand vous appuyez sur la touche Entrée pour envoyer le formulaire, aller à une autre page ou sélectionner un bouton.

Exercice d’entraînement avec NVDA sur les formulaires

Entraînement

  • Lisez les pages des documents sur ce site, paragraphe par paragraphe. A la fin de chaque paragraphe, retournez en haut de la page et aller à un autre paragraphe de différentes manières. Par exemple :
    • Utilisez le sommaire
    • Utilisez le raccourci clavier Ctrl + F pour ouvrir la boîte de recherche
    • Naviguer par titres de paragraphes (soit la touche H ou les touches 13)
  • Il y a plusieurs éléments dans la page de WebAIM qui sont visuellement cachés mais qui sont présents dans le code pour aider les utilisateurs de lecteurs d’écrans. Vérifiez que vous pouvez les identifier (indice : un élément caché est placé juste avant le contenu principal et l’autre est placé juste après).
  • Inscrivez vous à la Newsletter de WebAIM sans utiliser votre souris (indice : il y a un lien sur la page).
  • Eteignez votre écran d’ordinateur et recommencez ces tâches.

WebAIM est une initiative de :
Center for Persons with Disabilities (CPD) Utah State University

Copyright 1999-2009 WebAIM

Haut de la page