- 7 problèmes courants d’accessibilité du Web pour les malvoyants
- 2 problèmes d’accessibilité courants pour les utilisateurs ayant une déficience visuelle
Voici les problèmes numériques les plus courants que rencontrent les personnes souffrant d’un handicap visuel lorsqu’elles utilisent un Web qui n’est pas rendu accessible ou codé pour s’adapter aux technologies d’assistance.
Problème d’accessibilité n° 1 : mise en page HTML
Certains lecteurs d’écran sont capables de détecter et de lire le CSS d’une page. Cependant, d’autres s’appuient sur le HTML non stylisé. Cela peut créer des problèmes lorsque le lecteur d’écran détermine ce qui doit être lu en premier sur la page. Pour éviter ce problème, tout le code HTML doit être structuré de la même manière qu’un document imprimé, de manière à ce qu’il soit logique lorsqu’il est lu de gauche à droite et de haut en bas.
Problème d’accessibilité n° 2 : contraste du texte
L’un des problèmes d’accessibilité les plus courants est le faible contraste des couleurs entre le texte et les arrière-plans. Le contraste des couleurs est un élément essentiel de l’accessibilité du Web, car il aide les utilisateurs à percevoir le contenu d’une page. Selon les WCAG 2, le contraste est la différence de luminosité entre deux couleurs. Un faible contraste sur le texte est un problème d’accessibilité courant, car les personnes ayant une faible sensibilité au contraste, comme les personnes âgées, ou les personnes atteintes de daltonisme peuvent ne pas être en mesure de distinguer le texte et le fond de certaines couleurs d’un faible rapport decontraste.
En février 2021, un groupe de professionnel sur le dépannage informatique a réalisé une évaluation de l’accessibilité d’un million de pages d’accueil de sites Web et a constaté que 86,4 % des pages d’accueil présentaient un texte à faible contraste. Selon les WCAG 2.1 niveau AA, le rapport idéal de contraste des couleurs est de 7:1 pour un texte normal et de 4,5:1 pour un texte de grande taille. Il est facile de remédier à un faible contraste en adaptant la conception et les thèmes de votre site Web à des combinaisons de couleurs accessibles. Il existe de nombreux outils d’accessibilité gratuits, comme le Color Contrast Checker de Monsido, que vous pouvez utiliser pour vérifier que le contraste entre votre texte et l’arrière-plan est suffisant.
Problème d’accessibilité n° 3 : structure des titres
La structure des titres se décompose en un titre principal et des sous-titres. Les utilisateurs de sites Web souffrant de déficiences visuelles lisent rarement une page Web entière. Ils parcourent plutôt la page à la recherche des parties qui les intéressent le plus. Ils sont également capables de parcourir les pages Web à la recherche d’informations pertinentes en utilisant leur lecteur d’écran pour lister les rubriques. Si les titres ne sont pas utilisés correctement (ou pas du tout), l’utilisateur ne sera pas en mesure de trouver ce qu’il cherche sur la page. C’est pourquoi vous ne devez jamais utiliser les titres de manière décorative et devez les placer de manière logique et descendante sur la page (H1, H2, H3, etc.).
Question d’accessibilité n° 4 : accessibilité du clavier
L’utilisation d’une souris pour naviguer sur un site Web peut s’avérer difficile, voire impossible, pour les personnes souffrant de déficiences visuelles, qui utilisent alors le clavier pour naviguer. Les personnes souffrant de déficiences visuelles peuvent se déplacer sur un site Web en utilisant des commandes et des raccourcis clavier. Cependant, un site Web devra avoir un contenu bien structuré avec des structures d’en-tête appropriées et codé pour permettre l’accès au clavier à tout le contenu et à toutes les fonctionnalités telles que les hyperliens, les liens, les formulaires et les contrôles de médias. Les utilisateurs de clavier utilisent la touche de tabulation pour naviguer dans la page et, ce faisant, ils doivent disposer d’un indicateur de focus clavier visible qui leur indique sur quel élément ils se trouvent dans la page. Ces indicateurs apparaissent sous la forme d’une bordure ou d’un surlignage autour de l’élément ciblé, ce qui aide les personnes atteintes de basse vision à déterminer où elles se trouvent sur la page Web. Il est important que le site Web soit codé pour la navigation au clavier, car l’indicateur de mise au point doit suivre un ordre de lecture logique.
Problème d’accessibilité n° 5 : liens de navigation
Les liens de navigation constituent également un problème d’accessibilité. Les lecteurs d’écran sont incapables de détecter la navigation si elle n’est pas bien codée. Et lorsqu’ils sont présents sur une page, les lecteurs d’écran ne savent pas qu’il faut les ignorer. Cela signifie que les utilisateurs ayant une déficience visuelle devront écouter la navigation chaque fois qu’ils chargeront une nouvelle page. Une solution à ce problème consiste à attribuer des rôles ARIA précis aux menus de navigation afin d’indiquer leur but et de les rendre navigables. Veillez également à ce qu’un lien « Passer au contenu principal » soit disponible afin que la navigation puisse être ignorée par les utilisateurs de lecteurs d’écran.
Problème d’accessibilité n° 6 : contenu non HTML
Les problèmes d’accessibilité concernent également le contenu, comme les documents hébergés sur un site Web. Le contenu non HTML, comme les PDF, les présentations PowerPoint ou les documents Word, doit également être rendu aussi accessible que possible. Il existe des moyens de rendre certains de ces documents accessibles : Les PDF, par exemple, peuvent être marqués pour la navigation par un lecteur d’écran, tandis que PowerPoint et Word offrent une fonction de vérification de l’accessibilité dans le logiciel pour créer des documents accessibles.
Problème d’accessibilité n° 7 : le rendu du JavaScript
Le JavaScript était autrefois totalement inaccessible aux lecteurs d’écran, mais aujourd’hui, la plupart des lecteurs d’écran peuvent y accéder. Cependant, il est important de noter que certaines personnes peuvent avoir désactivé JavaScript ou se trouver dans un environnement (tel qu’un lieu de travail d’entreprise) où il est désactivé. Les utilisateurs peuvent également utiliser d’anciennes versions de lecteurs d’écran qui ne peuvent pas gérer JavaScript. Voir https://support.google.com/chromebook/answer/1085581?hl=fr pour en savoir plus !
