Leçon 12Outils d'accessibilité du Web pour aider dans le processus de conception
- Notion 84 - Qu'est-ce que la technologie d'assistance et comment peut-elle aider les utilisateurs handicapés ?
- Notion 85 - Technologies d'assistance à la lecture et à l'audition
- Notion 86 - Exemple d'utilisation d'une technologie d'assistance pour les problèmes de lecture : le lecteur d'écran.
- Notion 87 - Technologie d'assistance pour aider à contrôler l'ordinateur, à naviguer ou à taper
- Notion 88 - Exemples d'utilisation des technologies d'assistance pour la navigation et le contrôle des ordinateurs
- Notion 89 - Révision des concepts principaux : évaluation
Notion 86
Exemple d'utilisation d'une technologie d'assistance pour les problèmes de lecture : le lecteur d'écran.
Compétences ciblées
Anthony est aveugle. Il souhaite réserver en ligne un billet pour le Musée d'histoire naturelle pour sa fille Lisa. Lorsqu'Anthony allume son ordinateur, le lecteur d'écran NVDA s'ouvre automatiquement et annonce "Desktop List. NVDA", ce qui signifie que le logiciel est prêt et que l'utilisateur se trouve sur le bureau. Anthony n'a ni souris spéciale ni afficheur braille, il ne peut donc utiliser que la navigation au clavier.
Afin d'atteindre Google Chrome qui est placé en 6ème position dans sa barre de tâches Windows, il appuie sur la touche "Windows" + la touche "6". Une nouvelle fenêtre Chrome s'ouvre alors, que le synthétiseur vocal de NVDA indique en annonçant "Page d'accueil Google Chrome" puis "Barre d'adresse et barre de recherche" pour indiquer la position du curseur. Anthony peut maintenant commencer à taper ses recherches sur le moteur de recherche de Google.
Anthony tape "Musée d'histoire naturelle". Le lecteur d'écran prononce chaque lettre tapée. Quand Anthony appuie sur la touche "Entrée", il arrive sur la page de résultats et la synthèse vocale NVDA annonce : "Musée d'histoire naturelle recherche Google Chrome". Anthony utilise la touche "TAB" pour naviguer sur la page web jusqu'à ce qu'il trouve le bon résultat. Lorsqu'il arrive au premier résultat, le NVDA annonce "Lien cliquable vers le site officiel du Musée d'Histoire Naturelle". Anthony appuie sur la touche "Entrée" pour visiter ce site.
Lorsque le site s'ouvre, le lecteur d'écran NVDA décrit chaque élément de la page : "Site officiel du musée / Bouton de navigation / Bouton de menu / Bouton d'anglais réduit / Titre de niveau Visiter le musée / Lien vers la boutique en ligne / Lien vers les billets / etc.". Si Anthony ne veut pas entendre chaque élément annoncé, il peut arrêter le synthétiseur vocal en appuyant sur la touche "CTRL".
Anthony appuie sur la touche "TAB" jusqu'à ce qu'il entende l'élément "Tickets" prononcé. Il appuie alors sur la touche "Entrée" et arrive sur la page de réservation des billets. Grâce à la touche "TAB", après avoir sauté les lignes d'introduction et les informations sur le COVID-19, il arrive à la ligne "Choisissez vos billets", puis "Billets individuels pour le musée".
Il atterrit sur une page avec un widget calendrier où il doit choisir la date et l'heure de la visite de sa fille. Anthony veut réserver pour le 19 décembre, mais lorsqu'il arrive sur le widget calendrier, voici ce qu'il entend : "Décembre 2021 / 6 colonnes 5 lignes / Ligne 1 M.O. Colonne 2 M.O lien cliquable / Ligne 2 M.O. Colonne 2 M.O lien cliquable / Ligne 3 M.O. Colonne 2 M.O lien cliquable /" etc. Anthony ne parvient pas à trouver l'emplacement du 19 décembre sur le calendrier à partir de ces informations, et il ne peut pas poursuivre sa réservation.
Problème détecté : Le lecteur d'écran ne lit pas les dates mais plutôt leur position sur le calendrier (divisé en lignes et colonnes). Par conséquent, la conception du site web (le widget du calendrier) n'a pas été adaptée aux spécifications du lecteur d'écran. La solution à ce problème d'accessibilité du Web consisterait à ajouter un texte alternatif au widget du calendrier.