Standards · WCAG 2.2

SC 1.4.8 Stufe AAA WCAG 2.0

Visuelle Präsentation

Für Textblöcke müssen Nutzende Vorder- und Hintergrundfarbe, Zeilenlänge (max. 80 Zeichen), Ausrichtung (kein Blocksatz), Zeilenabstand (1,5-fach) und Absatzabstand (1,5-fach Zeilenhöhe) selbst einstellen können – ohne horizontales Scrollen bei 200 % Vergrößerung.

Was gefordert wird

Für Fließtextinhalte bündelt dieses Erfolgskriterium fünf Anforderungen: Nutzende können Vorder- und Hintergrundfarben selbst wählen; die Zeilenlänge überschreitet nicht 80 Zeichen (40 Zeichen für Chinesisch, Japanisch und Koreanisch); der Text wird nicht im Blocksatz dargestellt; der Zeilenabstand innerhalb von Absätzen beträgt mindestens das 1,5-Fache und der Absatzabstand mindestens das 1,5-Fache der Zeilenhöhe; und der Text lässt sich auf 200 % vergrößern, ohne dass horizontales Scrollen erforderlich ist oder assistive Technologie benötigt wird.

Umsetzung

  • Lesebreiten auf etwa 60–75 Zeichen pro Zeile für englischsprachigen Fließtext begrenzen.
  • Linksbündigen Text verwenden (oder rechtsbündigen bei RTL-Sprachen); text-align: justify grundsätzlich vermeiden.
  • line-height auf mindestens 1,5 für den Fließtext setzen und zwischen Absätzen einen großzügigen margin-bottom verwenden.
  • Ein nutzerseitig einstellbares Design anbieten oder prefers-color-scheme berücksichtigen, damit Vorder- und Hintergrundfarben steuerbar sind.
  • Bei 200 % Vergrößerung testen: Der Text sollte innerhalb der Spalte umbrechen, ohne dass horizontales Scrollen entsteht.

Häufige Fehler

  • Vollständig im Blocksatz gesetzte Spalten im Magazinstil, die Weißraumflüsse erzeugen und das Lesen verlangsamen.
  • Fließtext in breiten Containern mit mehr als 120 Zeichen pro Zeile.
  • Fließtext mit line-height: 1.2, der Zeilen zusammenrückt und das Lesen für Menschen mit Sehbeeinträchtigungen erschwert.
  • Fehlender Design-Umschalter, keine Berücksichtigung von prefers-color-scheme.

Bedeutung

AAA – selten eine vertragliche Anforderung. Die zugrundeliegenden Empfehlungen – kurze Zeilen, großzügiger Abstand, kein Blocksatz – sind jedoch schlicht gute Typografie. Dieses Erfolgskriterium zu erfüllen ist ein Nebeneffekt guter lesbarkeitsorientierter Gestaltung, nicht dichtigkeitsorientierter.