Pour les personnes aveugles et malvoyantes comme moi, l'accessibilité n'est pas qu'un mot, c'est un vrai choix: soit on peut travailler avec le site, soit on ne peut pas.
Comment fonctionnent les lecteurs d'écran
Les lecteurs d'écran permettent aux personnes aveugles et malvoyantes d'utiliser leurs propres ordinateurs, téléphones et tablettes. La plupart des lecteurs d'écran utilisent le moteur Text To Speech (TTS), qui convertit le texte de l'écran en parole.
Les lecteurs d'écran lisent tout à haute voix à l'écran et permettent la navigation avec des gestes tactiles et des raccourcis clavier. Ils fonctionnent également avec d'autres périphériques de sortie tels qu'un afficheur braille.
Ce sont les problèmes les plus courants auxquels je suis confronté au quotidien.
Liens et boutons non signés
Les utilisateurs de lecteurs d'écran s'appuient sur des liens et des boutons pour naviguer sur le site Web et trouver les informations dont ils ont besoin. Si les liens et les boutons sont mal étiquetés ou pas du tout étiquetés, il est difficile pour les utilisateurs de trouver les informations dont ils ont besoin. En fin de compte, les liens non étiquetés rendent beaucoup plus difficile la navigation sur votre site facilement, rapidement.
Par exemple, dans un lien vers une description d'une entreprise, la légende «Cliquez ici» ne donne aucune idée de l'endroit où elle mène, contrairement à la phrase claire «En savoir plus sur qui nous sommes».
Si les liens et les boutons sont correctement étiquetés, les lecteurs d'écran peuvent lire la légende à haute voix. Cela signifie que les personnes aveugles et malvoyantes n'ont pas à cliquer sur un lien ou un bouton sans savoir où cela mènera.
Outre les éléments non étiquetés, les liens et les boutons sans description claire sont également très frustrants. Ils doivent être accompagnés d'un texte clair où ils mènent lorsque vous cliquez dessus, et non «Cliquez ici». Ne forcez jamais les utilisateurs à deviner ou à agir par essais et erreurs. C'est fastidieux et peu pratique.
Photos sans description
C'est probablement le problème le plus courant que je rencontre en naviguant sur le Web. Les descriptions d'images sont très importantes pour l'accessibilité. Ils sont connus sous le nom de
alt text(texte alternatif).
Les lecteurs d'écran lisent ces descriptions à haute voix afin que les personnes aveugles et malvoyantes puissent comprendre le contenu de l'image de manière accessible. Si les images n'ont pas de texte alternatif, alors les lecteurs d'écran diront simplement le mot «image ou« graphisme », ce qui ne donne ni contexte ni sens.
Les images véhiculent souvent des informations précieuses. Par conséquent, il est important que les personnes malvoyantes puissent également accéder à ces informations,
alt textdoivent être clairement écrites et donner une description précise de l'image.
Consultez nos conseils d' écriture
alt text.
Mauvaise utilisation des en-têtes
Pour une navigation rapide et facile, de nombreux utilisateurs de lecteurs d'écran naviguent sur la page à l'aide de divers éléments tels que des titres. C'est un excellent moyen de trouver rapidement les informations dont vous avez besoin. Surtout si les titres suivent une structure logique de H1, H2 et H3 qui aide à établir des priorités.
Si le site n'a pas d'en-têtes, les utilisateurs du lecteur d'écran ne peuvent pas utiliser les raccourcis clavier correspondants. Dans ce cas, sur une longue page, vous devez naviguer par onglets ou flèches pour trouver les informations dont vous avez besoin.
Les en-têtes aident également à diviser visuellement le contenu et à améliorer la lisibilité. En plus des en-têtes, les utilisateurs de lecteurs d'écran peuvent naviguer dans la page à travers les liens, listes et points de repère WAI-ARIA.
Formulaires Web inaccessibles
La plupart des sites Web utilisent des formulaires d'une manière ou d'une autre. Qu'il s'agisse d'une recherche de produit ou d'un formulaire de commentaires. Mais si ces formulaires ne sont pas étiquetés ou étiquetés de manière incorrecte, nous ne pouvons pas les utiliser.
Par exemple, si un champ de recherche n'est pas coché, les utilisateurs du lecteur d'écran n'ont aucune idée de l'objectif de ce champ. Cela signifie que les personnes utilisant des lecteurs d'écran ne peuvent pas accéder aux mêmes fonctionnalités.
Les formulaires de contact sont un moyen efficace pour les clients de contacter votre entreprise. Et pour les utilisateurs de lecteurs d'écran, il n'y a rien de plus frustrant que ces formulaires mal étiquetés.
Surtout l'utilisation du captcha. S'il est silencieux, nous ne pouvons pas remplir un tel formulaire par nous-mêmes. Je dois souvent recourir à l'aide d'une personne voyante, mais tout le monde n'a pas une telle opportunité.
Lecture automatique audio et vidéo
La plupart des gens savent à quel point une page Web est ennuyeuse avec des publicités bruyantes qui sont soudainement diffusées. Mais pour les utilisateurs de lecteurs d'écran, la situation est encore pire. La lecture automatique de la vidéo ou de l'audio peut étouffer le son du lecteur d'écran. Cela rend difficile la recherche des boutons de pause ou d'arrêt.
(Et si ces boutons ne sont pas étiquetés, il m'est presque impossible d'arrêter rapidement la vidéo, ce qui est encore plus ennuyeux). Si je ne peux pas arrêter l'audio ou la vidéo, je ferme généralement la page.
Solution? Assurez-vous que votre site ne lit pas automatiquement la vidéo ou l'audio. Si vous voulez vraiment publier la vidéo, assurez-vous que l'audio est coupé et que l'utilisateur peut arrêter la lecture ou masquer le lecteur multimédia.
Ces problèmes peuvent sembler mineurs aux voyants. Mais pour moi, cela fait une différence que je puisse interagir avec le site ou non. Et il est très important de les mettre en œuvre correctement.