1.4.12Stufe AA1.4 Distinguishable

Textabstand

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.

W3C-Spezifikation ansehen ↗

Was es bedeutet

Textabstand verstehen (englisch) | Textabstand erfüllen (englisch) (Stufe AA) Bei Inhalten, die mit Auszeichnungssprachen implementiert werden, die die folgenden Stileigenschaften für Text unterstützen, kommt es zu keinem Verlust von Inhalt oder Funktionalität, wenn man sämtliche folgenden Einstellungen vornimmt und keine andere Stileigenschaft ändert: Zeilenhöhe (Zeilenabstand) auf mindestens das 1,5-Fache der Schriftgröße; Abstand nach Absätzen auf mindestens das 2-Fache der Schriftgröße; Buchstabenabstand (Laufweite) auf mindestens das 0,12-Fache der Schriftgröße; Wortabstand auf mindestens das 0,16-Fache der Schriftgröße. Ausnahme: Menschliche Sprachen und Schriften, die eine oder mehrere dieser Textstileigenschaften im geschriebenen Text nicht verwenden, können dieses Erfolgskriterium erfüllen, indem sie nur die Eigenschaften verwenden, die für diese Kombination von Sprache und Schrift existieren.

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

So erkennt A11yRisk dieses Kriterium

A11yRisk erkennt dieses Kriterium automatisch.

Website auf diesen Verstoß prüfen →