Critères de succès

WCAG 1.4.12 Espacement du texte

Le critère de succès 1.4.12 exige qu'aucune perte de contenu ni de fonctionnalité ne se produise lorsqu'une personne applique des valeurs d'espacement de texte plus généreuses : interlignage au moins égal à 1,5 fois la taille de la police, espacement des paragraphes au moins égal à 2 fois cette taille, espacement des lettres au moins égal à 0,12 fois et espacement des mots au moins égal à 0,16 fois. C'est un critère de niveau AA sous la règle 1.4 (Distinguable), ajouté dans les WCAG 2.1.

À qui profite un espacement accru

Les personnes dyslexiques, ainsi que certaines personnes présentant d'autres troubles de la lecture ou une malvoyance, trouvent souvent un texte nettement plus lisible avec un espacement plus large : un texte dense et serré peut faire visuellement fusionner les mots ou rendre le suivi des lignes difficile. Des extensions de navigateur et des outils d'assistance existent précisément pour imposer à une page ces valeurs plus généreuses ; ce critère exige qu'une page ne casse pas lorsque cette substitution est appliquée.

Ce que « ne pas casser » signifie concrètement

Lorsque l'espacement augmente, le texte ne doit pas être tronqué par un conteneur de hauteur fixe, ni se superposer à d'autres éléments, ni rendre le contenu illisible ou inaccessible. Un composant construit avec une hauteur codée en dur, trop faible pour son texte, débordera ou tronquera dès que l'interlignage augmentera : c'est la façon la plus fréquente dont ce critère échoue.

Comment le tester réellement

Appliquez un marque-page actif ou une extension de navigateur qui règle les valeurs d'espacement exigées - plusieurs outils gratuits existent, conçus précisément pour tester le critère 1.4.12 -, ou imposez vous-même le CSS dans les outils de développement avec les ratios exacts indiqués ci-dessus, puis vérifiez qu'aucun texte n'est coupé, ne se superpose, ni ne devient impossible à lire.

Le principe de conception sous-jacent

La correction pratique relève de la même discipline que celle qui satisfait les critères Redistribution (1.4.10) et Redimensionnement du texte (1.4.4) : éviter les conteneurs de hauteur fixe pour le contenu textuel, et laisser les conteneurs grandir pour s'adapter à leur contenu plutôt que de le tronquer ou de masquer le dépassement. Une bibliothèque de composants construite avec un dimensionnement souple, dicté par le contenu plutôt que par des hauteurs en pixels codées en dur, satisfait généralement ce critère sans travail supplémentaire dédié.

Questions fréquentes

Qu'est-ce que le critère WCAG 1.4.12 Espacement du texte ?

Un critère de niveau AA : le contenu doit rester lisible et fonctionnel lorsque la personne augmente l'espacement des lignes, des paragraphes, des lettres et des mots jusqu'aux valeurs indiquées.

Pourquoi modifie-t-on l'espacement du texte ?

Les personnes dyslexiques et malvoyantes augmentent souvent l'espacement pour lire plus facilement ; la page ne doit alors ni casser ni tronquer le texte.

Qu'est-ce qui provoque une non-conformité au critère 1.4.12 ?

Des conteneurs à hauteur fixe ou un overflow:hidden qui tronquent le texte lorsque l'espacement augmente, ou des éléments qui se superposent dès que les lignes grandissent.