Aperçu du calendrier Web accessible et convivial pour les lecteurs d'écran
L'une de nos équipes de développement à la portée de tous est en train de créer une nouvelle interface Web pour un système de réservation. Il ressemble et agit à peu près comme une interface de calendrier Web.
Dans cette toute première itération, nous aimerions que les utilisateurs de lecteurs d'écran puissent naviguer dans une vue hebdomadaire et y sélectionner un élément parmi plusieurs en une journée.
Voir les utilisateurs pourrait à peu près pointer et cliquer pour sélectionner un élément, mais comment traitons-nous les utilisateurs avec des lecteurs d'écran?
Ceci n'est qu'un croquis de l'apparence de la navigation. Plus d'informations sur chaque rendez-vous seront bien sûr disponibles.
Existe-t-il des meilleures pratiques lors de cette opération? Google n'a pas beaucoup aidé cette fois.
Vous avez de la chance d'avoir la capacité de gérer cela dès le début. Une fois, j'ai dû retravailler un site Web d'actualités complexe pour obtenir (WCAG) 2.0 accréditation et il m'a fallu près de 9 mois pour terminer ce projet! Cela a été incroyablement difficile à réaliser à un stade aussi tardif après la sortie.
slugolicious, avait une très bonne suggestion. Essayez de tester vos utilisateurs ou vous-même en effectuant des tâches complexes en utilisant le calendrier uniquement avec le clavier.
Je vais essayer de vous suggérer quelques améliorations en ce qui concerne les lecteurs d'écran ou l'accessibilité en général.
L'une des fonctionnalités les plus importantes pour la navigation au clavier et les lecteurs d'écran est la possibilité de parcourir le contenu
- Possibilité d'avoir un résumé des données dans l'en-tête de chaque jour, et peut-être permettre à l'utilisateur de choisir s'il souhaite ignorez ceci sans passer par chaque élément du tableau.
- Je n'ai pas vu la capacité de naviguer en avant ou en arrière dans le calendrier en utilisant les flèches gauche ou droite. Peut-être que vous ne vouliez pas l'inclure, mais si vous l'avez oublié, pensez à quel point ce serait frustrant de naviguer vers le mois suivant, même avec la possibilité de sauter le contenu.
- Scénario lorsque aucune donnée présente dans le calendrier, pensez aux informations à afficher pour répondre aux besoins des utilisateurs.
- Le scénario où l'utilisateur atteint la fin du calendrier, ou plus de données chargées, permet d'afficher un lien et de permettre à l'utilisateur de choisir ce qu'il souhaite faire. Contenu invisible uniquement pour les utilisateurs de lecteurs d'écran
Remarque: le contenu ne doit être caché aux utilisateurs voyants et mis à la disposition des utilisateurs de lecteur d'écran que lorsque le contenu est apparent visuellement, mais pas apparent aux utilisateurs de lecteur d'écran.
Vous n'avez pas non plus mentionné si cela serait utilisé pour les appareils tactiles? :) Le groupe NN contient quelques conseils utiles dans cet article "Lecteurs d'écran sur les appareils à écran tactile"
Résumé: Les personnes aveugles ou malvoyantes doivent s'appuyer sur leur mémoire et sur un riche vocabulaire gestuel pour interagir avec les téléphones et tablettes tactiles. Les concepteurs doivent s'efforcer de minimiser la charge cognitive pour les utilisateurs de lecteurs d'écran.
Plus d'informations lors de la conception pour la compatibilité du lecteur d'écran
Liens
Une façon consiste à utiliser la touche de tabulation pour passer d'un lien à l'autre. Cela donne à l'utilisateur une idée de l'emplacement de la page et peut être un moyen utile de parcourir le contenu si l'utilisateur recherche un lien spécifique. Une technique connexe consiste à obtenir une liste des liens sur la page, classés par ordre alphabétique. L'inconvénient de ces méthodes est que l'utilisateur n'entend aucun contenu non lié et peut ainsi manquer des informations importantes.
Implication: Les liens doivent avoir un sens lorsqu'ils sont lus hors contexte. En outre, les informations distinctives du lien doivent être au début du lien.
Rubriques
Une autre façon de parcourir la page pour obtenir une impression globale du contenu d'une page consiste à passer d'un titre à l'autre. Les utilisateurs peuvent entendre un aperçu des principales idées de la page, puis revenir en arrière pour lire les parties qui les intéressent le plus. Le principal inconvénient de cette technique est que trop de pages manquent de titres. Sans en-têtes, cette méthode de survol du contenu est complètement inutile.
Implication: Les auteurs doivent organiser le contenu avec des titres. Dans la mesure du possible, les en-têtes doivent représenter un aperçu précis du contenu.
Paragraphes et éléments de page
Les utilisateurs peuvent passer d'un paragraphe à l'autre, en écoutant la ou les premières phrases avant de passer au paragraphe suivant. Cette technique ressemble plus à la technique d'écrémage visuel utilisée par certaines personnes voyantes. Les utilisateurs peuvent également passer d'un élément à l'autre, tels que des balises, des liens, des éléments de formulaire, des éléments de liste ou d'autres unités de contenu.
Implication: Lorsque cela est possible, placez les informations distinctives d'un paragraphe dans la première phrase.
Liens "Ignorer la navigation"
Les liens de saut en haut de la page qui permettent aux utilisateurs de sauter les liens de navigation ne sont pas exactement une méthode de survol du contenu, mais ils sont une méthode pour accéder directement au contenu principal de la page. Ces liens accélèrent le processus de lecture et aident les utilisateurs à faire la distinction entre la navigation principale et le contenu principal.
Implication: Le cas échéant, autorisez les utilisateurs à ignorer les liens de navigation répétitifs.