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 89
Révision des concepts principaux : évaluation
Compétences ciblées
Exercice
Visitez ces pages Web en utilisant uniquement la navigation au clavier et en faisant attention à tous les détails. Comme Anthony ou Alexia, utilisez la touche TAB et les touches fléchées pour vous déplacer vers le haut, le bas et les côtés entre les éléments. Sur chaque page Web, trouvez au moins un élément qui respecte les règles d'accessibilité des technologies d'assistance et un élément qui ne les respecte pas.
Wanderu.com https://www.wanderu.com/en-us/bus-tickets/us/
Piwnich.info https://www.piwnich.info
Bataclan.fr https://billetterie.bataclan.fr/uk/user/register
Transfermakt.us https://www.transfermarkt.us/
Ressources
Référez-vous aux points 86 et 88 pour savoir comment utiliser la navigation du clavier.
Correction
Wanderu.com
- Les principaux éléments de la page sont mis en évidence par le clavier.
- L'ordre de navigation suit le flux visuel de la page et semble assez intuitif au début.
- Les menus déroulants ne sont pas accessibles car ils ne peuvent pas être manipulés avec le clavier, ils se déploient uniquement avec le curseur de la souris.
- Le sélecteur de date n'est pas accessible avec la navigation au clavier.
Bataclan.fr
- La page web est partiellement accessible avec la navigation au clavier
- Les éléments de la page ne sont pas accessibles au clavier
- Il y a un captcha à base de caractères à la fin de la page, ce qui rend l'accomplissement de la tâche impossible aux malvoyants. L'utilisation d'un captcha traditionnel basé sur des caractères est en effet problématique pour les personnes malvoyantes qui utilisent des lecteurs d'écran (et par conséquent, la navigation au clavier) qui ne peuvent pas traiter l'image, ce qui les empêche de découvrir les informations requises par le formulaire.
Piwnich.info
- Il existe un bouton "Passer au contenu" qui permet à l'utilisateur de sauter les nombreux éléments de la page d'accueil pour aller directement aux articles. La présence d'un bouton "Passer au contenu" permet aux utilisateurs qui ont besoin d'une navigation au clavier de passer facilement au contenu principal de la page grâce à un simple lien, sans avoir à passer par les en-têtes, les menus et autres éléments répétitifs qui apparaissent sur chaque page. La navigation au clavier s'en trouve grandement facilitée.
- Il y a trop d'éléments et de bannières animées, ce qui peut rendre la navigation très confuse.
- De nombreux éléments ne sont pas ciblés par le clavier.
Transfermakt.us
- Le message contextuel sur les cookies est accessible par la navigation au clavier
- Le reste du site Web n'est pas accessible par la navigation au clavier car les éléments des onglets ne sont pas ciblés par le clavier.