1.4.12Niveau AA1.4 Distinguishable

Espacement du texte

No loss of content or functionality occurs when users set line height to at least 1.5 times the font size, letter spacing to at least 0.12 times the font size, word spacing to at least 0.16 times the font size, and space after paragraphs to at least 2 times the font size.

Voir la spécification W3C ↗

Ce que cela signifie

Comprendre Espacement du texte (en anglais) | Comment satisfaire à Espacement du texte (en anglais) (Niveau AA) Dans un contenu implémenté via un langage de balisage qui prend en charge les propriétés de style de texte suivantes, il n’y a aucune perte de contenu ou de fonctionnalité lorsqu’on applique toutes les valeurs ci-dessous sans modifier aucune autre propriété de style : La hauteur de ligne (interlignage) définie à au moins 1,5 fois la taille de la police ; L’espacement entre les paragraphes consécutifs défini à au moins 2 fois la taille de la police ; L’espacement des lettres (interlettrage) défini à au moins 0,12 fois la taille de la police ; L’espacement entre les mots défini à au moins 0,16 fois la taille de la police. Exception : les langues et systèmes d’écritures qui n’utilisent pas une ou plusieurs de ces propriétés de style de texte pour le texte écrit peuvent être conformes en utilisant uniquement les propriétés qui existent pour cette combinaison de langue et de système d’écriture.

Failing example

/* Fails: fixed-height container clips text when spacing increases */
.excerpt {
  height: 48px;
  overflow: hidden;
  line-height: 1.2;
}

How to fix it

/* Pass: allow container to grow with text spacing overrides */
.excerpt {
  min-height: 48px; /* min, not fixed */
  overflow: visible;
  line-height: 1.5; /* already at baseline */
}

Comment A11yRisk détecte cela

A11yRisk détecte ce critère automatiquement.

Analyser votre site pour cette violation →