Fermer

juillet 18, 2022

Accessibilité numérique – Utilisation d’un lecteur d’écran


J’ai entendu beaucoup de gens dire : « Je vais juste télécharger un lecteur d’écran et tester ce bogue ». L’utilisation d’un lecteur d’écran demande du temps et de la pratique pour être utilisée de la même manière qu’un utilisateur handicapé utiliserait l’outil. Il est important de connaître les raccourcis clavier et de comprendre comment les utiliser pour numériser une page afin de trouver ce que vous recherchez. Vous pouvez en savoir plus sur les touches de raccourci ici, puis regarde cette video et les voir en action.

Qu’est-ce qu’un lecteur d’écran ?

Un lecteur d’écran est un outil qui transforme le texte en parole. Il existe trois principaux lecteurs d’écran disponibles pour les ordinateurs de bureau.

Ils ont tous le même objectif : lire du contenu à un utilisateur. Tout comme les navigateurs, ils fonctionnent tous légèrement différemment. Vous devez tester sur plusieurs lecteurs d’écran lorsque cela est possible. Sachez que les lecteurs d’écran sur les appareils mobiles fonctionnent différemment des ordinateurs de bureau.

Ne puis-je pas simplement utiliser des outils de test automatisés ?

Les outils de test automatisés sont un excellent endroit pour commencer à vérifier l’accessibilité de vos sites. Ils peuvent analyser votre site rapidement et vous alerter des problèmes de base. Voici une liste de quelques outils populaires.

Mais ils ne racontent que la moitié de l’histoire. Pour rendre nos pages utiles aux utilisateurs de lecteurs d’écran, nous devons écouter la page, porter des jugements sur l’expérience et améliorer l’expérience. Le site Web siteimprove indique même que « les tests manuels font partie intégrante des tests d’accessibilité, car tout ne peut pas être automatisé ».

Pourquoi devrais-je m’en soucier?

En tant que personne voyante, il est facile d’oublier la nécessité de créer de bonnes expériences pour les utilisateurs de lecteurs d’écran. Lorsque je regarde une page Web, je peux voir que quelque chose est au-dessus, en dessous, à gauche ou à droite de quelque chose d’autre. Je peux lier le sens au placement. Mais les indices spatiaux ont moins de sens si vous ne pouvez pas voir. Regardez cette vidéo d’une personne aveugle demandant son chemin dans un centre commercial https://www.youtube.com/watch?v=BDc59Z1CYgA. Le greffier dit à la personne « L’ascenseur est là-bas sur le mur du fond ». Même alors, l’ascenseur est dans un couloir avec plusieurs virages. Pouvez-vous imaginer essayer de trouver cet ascenseur vous-même ?

Pour qui concevons-nous nos sites ?

Il existe 4 principaux types d’utilisateurs qui visitent nos sites Web

  • Utilisateur voyant avec une souris
  • Utilisateur voyant avec un clavier
    • Problèmes de mobilité ou déficience
    • Utilisateur expérimenté (c’est-à-dire qu’il a mémorisé de nombreux raccourcis clavier)
  • Utilisateur malvoyant avec lecteur d’écran et clavier
    • Basse vision
    • Déficit de contraste des couleurs
    • Aveugle (un ou les deux yeux)
  • Utilisateur en situation de handicap cognitif avec lecteur d’écran et/ou clavier

Quel est notre objectif ?

Nous voulons offrir des expériences utilisateur aux quatre types d’utilisateurs qui sont

  • Équivalent
  • Efficace
  • Utile
  • Utilisable
  • Accessible

Utiliser le lecteur d’écran NVDA

NVDA a une longue liste de raccourcis clavier pour différents modes et différentes applications. Vous pouvez voir la liste complète en cliquant avec le bouton droit sur l’icône de la barre d’état, en ouvrant le menu d’aide et en sélectionnant « guide de l’utilisateur ». Nous nous concentrerons ici sur les raccourcis du « mode navigation ». De nombreux raccourcis utilisent la « clé NVDA » qui est « insérer » par défaut. Vous pouvez configurer cela dans les paramètres.

Navigation générale

  • NVDA + T – Lire le titre de la fenêtre actuelle
  • NVDA + Tab – Lire l’élément actuellement focalisé
  • Ctrl + Accueil – Haut de la page
  • Ctrl + Fin – Bas de page
  • Ctrl + L – Barre d’adresse du navigateur
  • Ctrl + R – Actualiser la page
  • Ctrl + flèche vers le bas – Commencer la lecture
  • Échapper – Arrêter de lire

Mode navigation

  • Tab – Prochain élément focusable
  • h – Titre suivant
  • # – Titre suivant par niveau (1 – 6)
  • d – Point de repère suivant
  • b – Bouton Suivant
  • f – Champ de formulaire suivant
  • g – Graphique suivant
  • Maj + X – Précédent (cap, point de repère, bouton, etc.)
  • NVDA + Ctrl + f – trouver
    • Ceci est différent de la recherche des navigateurs car il déplace le lecteur d’écran vers l’élément trouvé. Les raccourcis suivants commencent à partir de cet élément.
  • NVDA + f7 – Liste des éléments
    • Vous montre la structure de la page telle que la voit le lecteur d’écran.
    • C’est comme des outils de développement pour le lecteur d’écran. Vous pouvez voir comment les sections de la page sont étiquetées et combien d’éléments existent.

Dernières pensées

N’oubliez pas qu’il faut du temps et de la pratique pour maîtriser l’utilisation d’un lecteur d’écran. Nous voulons créer de bonnes expériences utilisateur pour tous nos utilisateurs. L’utilisation d’attributs sémantiques html et aria améliore la convivialité pour les utilisateurs de lecteurs d’écran, car ils peuvent parcourir rapidement la page à l’aide des touches de raccourci. Assurez-vous de voir la vidéo et découvrez comment naviguer dans une page avec ces raccourcis.

Pour les entreprises à la recherche d’informations sur l’accessibilité des sites Web, Perficient a créé un ensemble d’informations pour vous aider. Téléchargez notre guide Expériences accessibles numériquement : pourquoi c’est important et comment les créer et lisez notre Série UX pour la conception accessible.






Source link