Nous avons réalisé des tests ergonomiques avec des non-voyants dans le cadre d’une évaluation d’accessibilité pour le nouveau site des Nations-Unies à Genève. C’était la première fois que j’entreprenais des tests avec des non-voyants et c’était fascinant comme expérience. Dans le passé j'avais regardé des clips où on voyait comment les gens utilisent des logiciels spécialisés, comme JARS, mais je n’avais jamais observé en “live” comment ça se présentait. Voici quelques observations : Lors du test j’étais vraiment surprise de voir la rapidité à laquelle ils naviguaient. Ils utilisent l’HTML, en général les H2, pour scanner les pages à une vitesse hallucinante. Cela nous apprend que c'est très important de bien coder les pages et de faire vraiment attention aux titres qui ont un vrai sens et sont assez parlants. Un autre élément intéressant est l’idée reçue que les ALT tags doivent être renseignés à tout prix. C'est faux. Cela dépend du contexte. Si c'est une image purement décorative, il ne faut pas mettre un ALT tag. Dans ce cas, c'est mieux de le cacher ou d'avoir les guillemets vides afin d’ignorer le tag. Par contre, on risque de créer de la confusion si on l’affiche. Par exemple, s'il y a une petite icône décorative suivi d’un lien du même nom, la personne qui va écouter ne va rien comprendre. Au fait, les utilisateurs non-voyants sont très attentifs aux détails, car ils ne veulent pas louper des informations importantes. Par contre, si on utilise des images ou des icônes pour la navigation, il faut évidemment avoir un ALT tag car c'est essentiel, sinon ils ne peuvent pas naviguer. C'est un des problèmes qu'on avait vus lors des tests car le footer contenait des liens vers les réseaux sociaux mais sans ALT tags sur les icônes. A corriger donc ! Dans le monde du design et de la technologie, on a souvent des idées préconçues sur nos raisonnements pour bien faire. En voulant trop bien faire, on peut créer des problèmes. Il faut trouver le juste milieu et connaître les “best practices”. Il y a des balises spécifiquement conçues pour les lecteurs d’écrans, ARIA. Ils permettent par exemple de mettre en évidence des sections sur une page, comme le menu principal. À l'occasion des tests, une personne ne comprenait pas ce que voulait dire “Breadcrumb” (le fil d’ariane) parce que finalement c'est un terme technique. Il y a donc beaucoup de choses à prendre en considération. Pour finir, un petit bonus : Est-ce que l’ouverture d’un nouvel onglet pour ouvrir un pdf nuit à l’accessibilité ? Suite à un débat que j’ai eu avec un développeur, j'ai voulu tester ce point en particulier et j’ai découvert qu’au contraire, cela permettait de naviguer plus facilement, pour autant que le PDF soit accessible !1.Scanner les pages avec les Headers HTML
2.Attention aux ALT tags
3 . Attention à l’utilisation des balises ARIA
- merci! Utile
- Pas utile
- Pas sûr
