1.4.12Niveau AA1.4 Distinguishable

Tekstafstand

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.

Bekijk W3C-specificatie ↗

Wat het betekent

Tekstafstand begrijpen | Hoe te voldoen aan Tekstafstand (Niveau AA) Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen: Regelhoogte (regelafstand) naar ten minste 1,5 keer de lettergrootte; Afstand tussen alinea's naar ten minste 2 keer de lettergrootte; Letterafstand (spatiëren van letters) naar ten minste 0,12 keer de lettergrootte; Spatiëren van woorden naar ten minste 0,16 keer de lettergrootte. Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze eigenschappen voor tekststijl in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

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 */
}

Hoe A11yRisk dit detecteert

A11yRisk detecteert dit criterium automatisch.

Scan uw site op deze overtreding →