Deux situations très différentes

On les regroupe sous un même terme, mais elles n’appellent pas les mêmes corrections.

Ne pas voir l’écran du tout. La page est restituée en parole ou en braille, linéairement, dans l’ordre du code. Toute la mise en forme disparaît : seule la structure subsiste.

Voir mal. L’écran est fortement agrandi — 200 %, 400 %, parfois davantage — ou consulté avec une loupe logicielle. La page reste visuelle, mais le champ de vision se réduit à quelques mots.

Ce qu’implique la restitution vocale ou braille

• La structure est la navigation. Titres, listes, régions et tableaux permettent de sauter d’un point à l’autre. Une page sans structure s’écoute intégralement, du début à la fin.
• Tout ce qui est visuel doit exister en texte : alternatives d’images, libellés de boutons, état d’un champ.
• L’ordre du code fait foi. Un bloc déplacé visuellement en CSS sera restitué à sa place d’origine.
• Les changements silencieux n’existent pas. Un contenu mis à jour sans annonce est invisible.

Ce qu’implique l’agrandissement

• Pas de défilement horizontal. Le contenu doit se réagencer — c’est le critère de reflow, testé à 320 pixels de large.
• Rien ne doit disparaître ni se chevaucher quand la taille du texte augmente de 200 %.
• La proximité compte. Une étiquette loin de son champ, un message d’erreur en haut de page pour un champ en bas : à fort grossissement, les deux ne sont jamais visibles ensemble.
• Les contrastes deviennent décisifs — voir contrastes et couleurs.

Les corrections prioritaires

1. une hiérarchie de titres juste ;
2. des alternatives textuelles pertinentes ;
3. des contrastes calculés, états compris ;
4. un reflow correct à 320 pixels ;
5. des étiquettes de formulaire visibles et proches de leur champ.