Textabstände (englisch Text Spacing) beschreiben Zeilen-, Absatz-, Buchstaben- und Wortabstände. Viele Menschen mit Legasthenie, Sehbehinderung oder kognitiven Einschränkungen lesen besser mit größeren Abständen und stellen diese per Browser-Erweiterung oder eigenem Stylesheet ein. WCAG 1.4.12 Textabstände (AA) verlangt, dass dabei kein Inhalt und keine Funktion verloren geht.
Die Testwerte nach WCAG 1.4.12
- Zeilenhöhe: mindestens das 1,5-Fache der Schriftgröße
- Abstand nach Absätzen: mindestens das 2-Fache der Schriftgröße
- Buchstabenabstand: mindestens das 0,12-Fache der Schriftgröße
- Wortabstand: mindestens das 0,16-Fache der Schriftgröße
Typische Fehler und Lösungen
- Feste Höhen (
height) an Buttons, Karten oder Navigation →min-heightverwenden overflow: hiddenschneidet Text ab → Inhalte wachsen lassen- Text in Bildern oder Canvas → echten Text verwenden
- Absolut positionierte Labels überlappen → Flexbox oder Grid nutzen
Häufige Fragen
Muss meine Website diese Abstände standardmäßig verwenden?
Nein. Das Kriterium verlangt nur, dass das Layout die Werte verträgt, wenn Nutzer sie einstellen. Eine Zeilenhöhe um 1,5 ist aber auch als Standard empfehlenswert.
Wie teste ich Textabstände?
Mit einem Text-Spacing-Bookmarklet oder einer Browser-Erweiterung, die die Werte per CSS setzt, und anschließender Sichtprüfung aller Seitentypen.
Verwandte Begriffe: Textqualität, Web Fonts, Reflow, Zoom