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) ?

Comprendre

L’utilisateur doit pouvoir augmenter les espacements du texte sans perte de contenu.

Ce critère s’applique à toutes les pages.

Ce que vérifie Agence RGAA

Notre moteur détecte automatiquement des anomalies, mais une personne doit confirmer la pertinence avant de conclure.

Nous détectons automatiquement :

• espacements de texte imposés en ligne

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Exemple de correction

p {
  line-height: 1.5;
  margin-bottom: 1em;
}

<p style="line-height: 18px !important">…</p>

• L’utilisateur doit pouvoir augmenter interligne, espacement des mots et des lettres sans perte de contenu.

Patron de référence à adapter à votre contexte : il ne vaut pas validation du critère.

Tests officiels

1. Test 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.

   Méthodologie de test

   1. Modifier les styles du document en donnant :
      • Une valeur de 1.5 à la propriété line-height de tous les éléments du document ;
      • Une valeur de 2em à la propriété margin-bottom des éléments <p> ;
      • Une valeur de 0.12em à la propriété letter-spacing de tous les éléments du document ;
      • Une valeur de 0.16em à la propriété word-spacing de tous les éléments du document ;
   2. Pour chaque passage de texte, vérifier qu’il reste lisible, à l’exception :
      • Des sous-titres directement intégrés à une vidéo ;
      • Des images texte ;
      • Des textes au sein d’une balise <canvas>.
   3. Si c’est le cas pour chaque passage de texte, le test est validé. Note : une implémentation de ces règles de modification est disponible dans les ressources du critère de succès WCAG 1.4.12 (https://github.com/alastc/adaptation-scripts/blob/master/scripts/text-adaptation.js).

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.