Zum Inhalt springen

Textabstände anpassbar

oder auch Text Spacing

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 17.10.2026

Textabstände anpassbar heißt: Wer Zeilen-, Absatz-, Zeichen- und Wortabstände vergrößert, darf dabei weder Inhalt noch Funktion verlieren. Die Anforderung nennt dafür vier feste Werte.

Textabstände anpassbar

Die Anforderung, dass vergrößerte Zeilen- und Zeichenabstände nichts abschneiden.
Beispiel: „Sind die Textabstände anpassbar, läuft der Text auch bei anderthalbfachem Zeilenabstand nicht aus der Schaltfläche.“

Auch: Text Spacing, Textabstand. Gemeint ist allein der Raum zwischen Zeilen, Absätzen, Zeichen und Wörtern, bei gleichbleibender Schriftgröße.

Abgrenzung zur Vergrößerung: Beim Zoom wächst alles mit. Hier bleibt die Schriftgröße gleich und nur der Abstand wächst, was Container von innen heraus sprengt.

Die vier Werte

Erfolgskriterium 1.4.12 „Text Spacing“ steht auf Stufe AA und nennt sie genau: Zeilenhöhe mindestens das 1,5-Fache der Schriftgröße, Abstand nach Absätzen mindestens das Zweifache, Zeichenabstand mindestens das 0,12-Fache und Wortabstand mindestens das 0,16-Fache. Werden alle vier gesetzt und sonst nichts verändert, darf nichts verloren gehen.

/* Prüfwerte aus dem Erfolgskriterium, auf den Text angewendet */
p, li, td {
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  word-spacing: 0.16em !important;
}
p { margin-bottom: 2em !important; }

Warum jemand das einstellt

Weil mehr Abstand das Lesen erleichtert. Menschen mit Legasthenie, mit Sehschwäche oder mit Konzentrationsschwierigkeiten verlieren bei engen Zeilen den Anschluss und finden die nächste Zeile nicht wieder.

Eingestellt wird es über Nutzer-Stylesheets, über Erweiterungen im Browser und über die Lesemodi, die Browser und Betriebssysteme mitbringen. Die Website erfährt davon nichts; sie muss den zusätzlichen Platz nur aushalten.

Woran es scheitert

An festen Höhen. Eine Schaltfläche mit fester Pixelhöhe schneidet die zweite Zeile ab, eine Karte mit fester Höhe verbirgt den letzten Satz, ein Menüeintrag in einer Leiste bricht um und verschwindet hinter dem nächsten.

Aus unserer Arbeit an über 2.500 Website-Projekten reicht als Gegenmittel eine Regel: Höhen werden als Mindesthöhen gesetzt, nicht als feste Maße. Wer das von Anfang an so hält, besteht dieses Kriterium ohne eigene Arbeit.

Siehe auch:

Fließtext

Zusammenhängender Text in Absätzen, der den Hauptteil einer Seite trägt.

#Website-Struktur

Eingabehilfen

Die Einstellungen eines Betriebssystems für die barrierefreie Bedienung.

#Barrierefreiheit (Accessibility)

Kognitive Behinderungen

Einschränkungen von Aufmerksamkeit, Gedächtnis, Sprache oder Verarbeitung.

#Barrierefreiheit (Accessibility) #Benutzererfahrung (UX)

Visuelle Behinderungen

Einschränkungen des Sehens, von der Sehschwäche bis zur Blindheit.

#Barrierefreiheit (Accessibility)

Reflow (Umbruch bei 400 % Zoom)

Die Anforderung, dass Inhalt bei 320 CSS-Pixeln Breite ohne Scrollen in zwei Richtungen lesbar bleibt.

#Barrierefreiheit (Accessibility) #Responsive Design