RGAA Lab

RGAA 4.1.2 · Présentation de l’information · Critère 10.12

Dans chaque page web, les propriétés d’espacement du texte peuvent-elles être redéfinies par l’utilisateur sans perte de contenu ou de fonctionnalité (hors cas particuliers) ?

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.

Ce que dit le référentiel

Transcription du RGAA 4.1.2, sans interprétation. C’est ce texte qui fait foi, et celui que vous citez dans un rapport.

  1. 10.12.1
    Dans chaque page web, le texte reste-t-il lisible lorsque l’affichage est modifié selon ces conditions (hors cas particuliers) ?
    • L’espacement entre les lignes (line-height) est augmenté jusqu’à 1,5 fois la taille de la police ;
    • L’espacement suivant les paragraphes (balise <p>) est augmenté jusqu’à 2 fois la taille de la police ;
    • L’espacement des lettres (letter-spacing) est augmenté jusqu’à 0,12 fois la taille de la police ;
    • L’espacement des mots (word-spacing) est augmenté jusqu’à 0,16 fois la taille de la police.

Comment le vérifier

  1. Appliquer les quatre valeurs du test — interligne 1,5 fois la taille de police, espacement après paragraphe 2 fois, espacement des lettres 0,12 fois, espacement des mots 0,16 fois — avec un marque-page ou une extension prévue pour cela.
  2. Parcourir la page et chercher le texte coupé, chevauché ou disparu.
  3. Distinguer ce qui grandit de ce qui se perd : un bloc qui s'allonge n'est pas un défaut, un texte tronqué en est un.
  4. Regarder en priorité les boutons, les onglets et les étiquettes : ce sont les conteneurs à hauteur fixe.

Ce que notre outil fait

Assisté

Le moteur repère les éléments concernés et vous pose la question. Il ne conclut pas à votre place.

Trois règles repèrent que la page contredit les espacements demandés par l'utilisateur : elles se déclenchent quand une déclaration !important posée dans un attribut style reprend la main sur l'interligne, l'espacement des lettres ou celui des mots, en dessous du seuil attendu. C'est un indice fort, pas le critère : le test porte sur ce que devient la mise en page une fois les espacements appliqués, et cela se regarde.

Règles ACT du W3C mises en œuvre : 78fd32, 24afc2, 9e45ec

Comment nous mesurons ce que l'outil sait faire · ce critère s'audite dans l'extension RGAA Lab.

Les pièges

Les erreurs qu’on rencontre vraiment, relevées au fil des audits.

  • Un line-height sans unité est celui qui résiste le mieux ; un line-height en pixels casse dès que la police grandit.
  • Le défaut se voit d'abord sur les boutons et les onglets, jamais sur les paragraphes.

À lire avec