L’accessibilité du web contribue à rendre le world wide web utilisable par tous. Cependant, de nombreuses personnes n’utilisent pas le web de manière traditionnelle, ce qui est souvent négligé par les développeurs web, le dépannage informatique avec les concepteurs et les auteurs de contenu. La plupart des problèmes d’accessibilité les plus courants, qui rendent les sites difficiles ou impossibles à utiliser d’une manière non traditionnelle, peuvent être facilement résolus.
Les 4 problèmes d’accessibilité les plus courants à éviter et à résoudre
Les recherches sur les problèmes d’accessibilité programmatique (ceux qui sont généralement détectés par un programme) et les problèmes d’accessibilité centrés sur l’utilisateur (ceux qui sont généralement détectés par un expert en accessibilité) montrent que ces problèmes d’accessibilité sont les plus fréquents.
Les problèmes d’accessibilité les plus courants sont les suivants
- Faible contraste du texte
- Texte manquant sur les images
- Texte de lien manquant
- Texte de lien ambigu
- Trop de liens de navigation
- Étiquettes de formulaire vides
- Contrôles de formulaire peu clairs
- Les temps morts ne peuvent pas être contrôlés
Les problèmes d’accessibilité les plus courants à éviter et à résoudre
1. Faible contraste du texte
Dans l’analyse programmatique de WebAIM des 1 000 000 de pages d’accueil les plus importantes, le faible contraste des couleurs sur le texte était le problème d’accessibilité le plus courant, affectant 85 % des pages. Les directives d’accessibilité au contenu Web 2.0 (WCAG 2.0), la norme d’or pour l’accessibilité du Web, exigent un contraste d’au moins 4,5:1 sur un texte typique. Cela permet de le rendre discernable par tous les utilisateurs, y compris ceux qui sont malvoyants ou daltoniens. Le contraste est généralement facile à corriger. Il peut être corrigé à chaque fois que des problèmes individuels surviennent, ou à l’échelle du site en modifiant le thème. Des outils de test d’accessibilité, tels qu’un vérificateur de contraste des couleurs, permettent de s’assurer que le contraste est suffisant entre votre texte et d’autres éléments tels que la surbrillance ou l’arrière-plan. N’oubliez pas que le thème peut désigner des couleurs différentes pour les titres, les légendes, les listes et d’autres types de texte.
Problèmes d’accessibilité les plus courants contraste des couleurs
L’outil de vérification des couleurs de WebAIM montre les effets d’un contraste acceptable et inacceptable. Par exemple, si le fond de votre site est noir, l’effet peut sembler saisissant, mais les liens mis en évidence en bleu traditionnel seront difficiles à lire.
Il peut tester votre site pour détecter ce problème d’accessibilité courant et bien d’autres.
Commencez votre test »
2. Texte manquant sur les images
WordPress permet d’ajouter facilement un texte alternatif aux images. Il s’agit d’un autre problème d’accessibilité très courant qui est facile à corriger. Détecté à nouveau dans l’étude de WebAIM, le texte alternatif manquant sur les images (alt text) est apparu sur 68 % des sites Web. D’autres études plus anciennes sur l’accessibilité, réalisées entre 2006 et 2013, citent également ce problème à plusieurs reprises, ce qui indique qu’il s’agit d’un problème d’accessibilité connu qui n’a pas disparu.
Il convient de noter que, bien que le texte alternatif soit utile pour toute image, il existe certaines exceptions à cette exigence. Les WCAG 2.0 stipulent à la section 1.1.1 « Si le contenu non textuel est purement décoratif… il peut être ignoré par les technologies d’assistance. » Si l’image est purement décorative et n’informe pas le contenu ou l’expérience, le texte peut ne pas être nécessaire, bien qu’il sera toujours détecté par programme par un outil de test d’accessibilité. Par conséquent, ce problème peut être surreprésenté dans l’étude. La façon la plus simple de résoudre ce problème d’accessibilité courant est de donner à toutes les images un texte clair et simple lorsqu’elles sont saisies sur le site. Cela signifie que toute personne ayant la possibilité de saisir du contenu sur le site, qu’il s’agisse de blogueurs, de photographes, d’administrateurs de sites ou de toute autre personne, doit connaître l’importance de l’accessibilité et savoir comment donner un texte aux images. Une formation adéquate et une politique d’accessibilité claire et apparente, accessible à l’ensemble du personnel, peuvent y contribuer.
3. Texte de lien manquant
Les liens sont l’un des principaux moyens de se déplacer sur l’internet : nous les utilisons pour accéder à des sites, nous y déplacer et passer de l’un à l’autre. Si l’on ne sait pas clairement où se trouve un lien, où il va ou comment l’activer, il devient beaucoup plus difficile de se déplacer sur l’internet et surtout sur un site. Les liens présentent un certain nombre de problèmes d’accessibilité courants qui sont souvent détectés par les programmes de test et les experts, et le texte de lien manquant est le plus évident.
Un texte de lien manquant signifie qu’il n’y a pas de texte utilisé pour représenter un hyperlien. Il peut s’agir simplement d’une image ou d’un bouton, mais une personne qui ne peut pas voir le site et qui utilise un lecteur d’écran ne peut pas l’interpréter comme un lien. Ce problème peut être résolu soit en créant un lien hypertexte applicable, soit en incluant un texte pour le lien.
4. Texte de lien ambigu
Vous avez probablement déjà vu un texte de lien indiquant « cliquez ici » ou « plus d’informations ». Lorsqu’un lecteur d’écran lit cette information, mais rien d’autre, ce qui ne permet pas à l’utilisateur de savoir à quoi sert le lien ni où il va. Au lieu d’établir un lien hypertexte avec le texte ambigu, il est préférable d’utiliser un texte bref, mais informatif. Par exemple, le lien suivant renverrait à la référence rapide WCAG 2.0. La conception du site peut facilement passer à côté de ce problème en créant des liens de navigation ambigus.