WCAG 1.4.12: Textabstände

Wenn Nutzer die Textabstände per eigener CSS-Regel erhöhen – Zeilenhöhe 1,5-fach, Absatzabstand 2-fach, Zeichenabstand 0,12-fach, Wortabstand 0,16-fach der Schriftgröße –, darf kein Inhalt abgeschnitten werden und keine Funktion verloren gehen. (Englisch: Text Spacing.)

Was verlangt das Kriterium?

Das Kriterium verlangt nicht, dass du diese Abstände setzt – es verlangt, dass deine Seite sie aushält, wenn Nutzer sie (per Erweiterung, Reader-Einstellung oder eigenem Stylesheet) erzwingen. Die Prüfwerte:

Wen betrifft es besonders?

Menschen mit Legasthenie und anderen Leseeinschränkungen: Größere Abstände sind für viele der Unterschied zwischen mühsamem Entziffern und flüssigem Lesen. Auch bei Sehbehinderungen gehören eigene Abstands-Regeln zum Werkzeugkasten.

Richtig & falsch im Code

/* Falsch: feste Höhe + versteckter Überlauf = abgeschnittener Text */
.card-text {
  height: 4.5em;
  overflow: hidden;
  line-height: 1.2;
}

/* Richtig: Container wächst mit dem Text */
.card-text {
  min-height: 4.5em;
  line-height: 1.5;
}

Robust wird eine Seite mit denselben Mitteln wie bei 1.4.4 und 1.4.10: keine festen Höhen um Text, min-height statt height, Buttons und Navigationspunkte, die mitwachsen, kein overflow: hidden auf Textcontainern. Wer von vornherein mit line-height: 1.5 gestaltet, hat den halben Test schon bestanden.

So testest du es

1. Bookmarklet/Erweiterung: Der verbreitete „Text Spacing“-Bookmarklet (oder die Stylus-Regel unten) setzt die Prüfwerte auf die ganze Seite:

   * {
     line-height: 1.5 !important;
     letter-spacing: 0.12em !important;
     word-spacing: 0.16em !important;
   }
   p { margin-bottom: 2em !important; }

2. Danach die Seite durchsehen: Überlappt etwas? Wird Text in Buttons, Menüs, Karten oder Akkordeon-Köpfen abgeschnitten?

3. Besonders prüfen: Navigation, Cards, Buttons mit fester Höhe, mehrzeilige Labels in Formularen.

Verwandte Themen

• Reflow, Zoom & Textabstände – der gemeinsame Praxis-Artikel
• 1.4.4 Textgröße ändern und 1.4.10 Reflow
• Kognition & Neurodiversität – wem angepasste Abstände helfen