Déficience visuelle : naviguer sans voir l'écran, ou mal
Sous un même terme cohabitent des situations très différentes : cécité totale, malvoyance résiduelle, champ visuel réduit, sensibilité à la lumière, troubles de la vision des couleurs. Chacune appelle des réponses distinctes, et confondre les trois premières conduit à corriger le mauvais point.
Cécité : la structure fait tout
Sans perception visuelle, le site n'existe que par son arbre de document. La mise en page, les couleurs, les proximités visuelles ne transmettent rien. Ce qui reste : les titres, les régions, les listes, les intitulés de liens, les étiquettes de champs, les alternatives textuelles.
Une image portant alt="image". Une liste de vingt liens tous intitulés « En savoir
plus ». Un bouton simulé par un élément non interactif. Un tableau sans en-têtes. Une modale qui
ne rend pas le focus.
Aucun de ces défauts n'est visible à l'œil : ils ne se découvrent qu'au lecteur d'écran. Voir tester au lecteur d'écran.
Malvoyance : la mise en page doit survivre
Avec un zoom à 200 % ou un agrandisseur, le champ visible se réduit à une fraction de l'écran. Deux exigences en découlent.
- Le contenu se réorganise sans imposer de défilement horizontal. Une mise en page qui conserve ses colonnes au zoom oblige à balayer la page dans deux dimensions — c'est épuisant, et cela fait perdre le fil.
- Rien n'est tronqué lorsque le texte grossit. Les hauteurs fixes sur les blocs de texte sont la cause principale de ce défaut.
Contrastes : le critère le plus souvent en échec
Un texte gris clair sur fond blanc devient illisible bien avant la cécité — et aussi en plein soleil, sur un écran de mauvaise qualité, ou simplement avec l'âge. Les seuils sont de 4,5:1 pour le texte courant et 3:1 pour le texte de grande taille et les composants d'interface.
Voir contrastes et couleurs.
Vision des couleurs
Les troubles de la perception des couleurs sont bien plus répandus que la cécité, et ils ne se corrigent pas par le contraste. Ce qui les traite, c'est la règle d'information jamais portée par la couleur seule : un champ en erreur signalé uniquement par une bordure rouge, une légende de graphique distinguée par la seule teinte, un lien identifiable uniquement par sa couleur au milieu d'un paragraphe.
La correction est presque toujours triviale : ajouter un intitulé, un pictogramme, un soulignement, un motif.
Les corrections déterminantes
| Situation | Correction prioritaire |
|---|---|
| Cécité | Structure de titres, alternatives, intitulés de liens |
| Malvoyance | Réorganisation au zoom, absence de troncature |
| Basse vision et fatigue visuelle | Contrastes au-delà du seuil minimal |
| Vision des couleurs | Information doublée par un moyen non coloré |
Poursuivre
Pour la situation suivante, voyez le handicap auditif.