Critères RGAA 4.1.2 · Thématique 10
Présentation de l’information
14 critères du RGAA 4.1.2. Chaque fiche porte le texte officiel du critère et de ses tests, ce qu'il protège, et ce qu'un outil sait en trancher seul.
10.1 — Présentation contrôlée par CSS
La présentation qui vit dans le balisage ne peut pas être remplacée : un utilisateur qui applique sa propre feuille de styles — grands caractères, fort contraste — reste bloqué par un `font` ou un `bgcolor`.
10.2 — Contenu visible sans les styles
Un contenu qui n'existe que par le CSS — texte injecté en `content`, image de fond porteuse d'information — disparaît pour qui n'applique pas ces styles, et n'a jamais existé pour un lecteur d'écran.
10.3 — Information compréhensible sans les styles
Sans CSS, la page se lit dans l'ordre du code — et c'est exactement l'ordre qu'entend un lecteur d'écran. Si cet ordre ne suit pas la logique du contenu, l'information est là mais ne veut plus rien dire.
10.4 — Lisibilité du texte agrandi à 200 %
Agrandir le texte est le premier réglage d'une personne malvoyante : si le texte est tronqué, chevauché ou perdu à 200 %, la page devient inutilisable pour elle.
10.5 — Déclarations CSS de couleurs
Qui impose ses propres couleurs — ou lit avec un mode sombre forcé par le système — se retrouve avec du texte noir sur fond noir dès qu'une déclaration n'a pas son pendant.
10.6 — Visibilité des liens dans le texte
Un lien noyé dans un paragraphe et signalé par la seule couleur est invisible pour qui ne distingue pas cette couleur — de l'ordre d'un homme sur douze.
10.7 — Visibilité de la prise de focus
Qui navigue au clavier ne sait où il se trouve que par le focus : le supprimer revient à faire naviguer à l'aveugle sur sa propre page.
10.8 — Contenus cachés ignorés
Un contenu caché à l'écran mais laissé dans l'arbre d'accessibilité est lu sans être vu : un menu replié annoncé en entier, un carrousel qui récite ses cinq diapositives.
10.9 — Information par la forme ou la position
« Cliquez sur le bouton à droite », « les champs marqués en rouge » : sans autre repère, la consigne ne veut rien dire pour qui ne perçoit ni la position, ni la forme, ni la taille.
10.10 — Pertinence de l’information visuelle
Une indication de remplacement existe, encore faut-il qu'elle serve : « les champs suivis d'un astérisque » ne vaut que si l'astérisque est effectivement restituée et expliquée.
10.11 — Contenus sans double défilement
Une personne qui zoome à 400 % se retrouve dans les mêmes conditions qu'un téléphone de 320 px de large : si la page impose un défilement horizontal, chaque ligne se lit en deux gestes.
10.12 — Espacement du texte redéfinissable
Certaines personnes dyslexiques lisent en augmentant l'interligne et l'espacement des lettres : si la page casse, elles doivent choisir entre lire et se servir du site.
10.13 — Contenus au survol ou au focus
Une infobulle qui recouvre le contenu et qu'on ne peut ni fermer ni survoler bloque la lecture — d'autant plus à fort grossissement, où elle occupe tout l'écran.
10.14 — Contenus additionnels via CSS
Un contenu qui n'apparaît qu'au survol n'existe pas pour qui navigue au clavier, ni pour qui utilise un écran tactile.