Was ist WCAG 1.4.12 Textabstand?

Ein Kriterium der Stufe AA: Inhalte müssen lesbar und funktionsfähig bleiben, wenn Nutzer Zeilen-, Absatz-, Zeichen- und Wortabstände auf die festgelegten Werte erhöhen.

Warum ändern Nutzer die Textabstände?

Menschen mit Legasthenie und Sehbehinderung vergrößern die Abstände häufig, um leichter zu lesen; die Seite darf dabei nicht brechen oder Text abschneiden.

Was verursacht Verstöße gegen 1.4.12?

Container mit fester Höhe oder overflow:hidden, die Text bei größeren Abständen abschneiden, oder Elemente, die sich überlappen, sobald die Zeilen höher werden.

Erfolgskriterien

WCAG 1.4.12 Textabstand

Erfolgskriterium 1.4.12 verlangt, dass kein Inhalts- oder Funktionsverlust auftritt, wenn ein Nutzer großzügigere Textabstandswerte anwendet: Zeilenhöhe auf mindestens das 1,5-Fache der Schriftgröße, Absatzabstand auf mindestens das 2-Fache der Schriftgröße, Buchstabenabstand auf mindestens das 0,12-Fache der Schriftgröße und Wortabstand auf mindestens das 0,16-Fache der Schriftgröße. Es ist ein Kriterium der Stufe AA unter Richtlinie 1.4 (Unterscheidbar), hinzugefügt in WCAG 2.1.

Wer von größerem Abstand profitiert

Menschen mit Legasthenie und bestimmten anderen Lese- oder Sehbehinderungen finden Text mit lockererem Abstand oft deutlich besser lesbar – dichter, eng gepackter Text kann dazu führen, dass Wörter visuell verschmelzen oder Zeilen schwer zu verfolgen sind. Browser-Erweiterungen und assistive Werkzeuge existieren speziell, um den Abstand einer Seite auf diese großzügigeren Werte zu überschreiben; dieses Kriterium verlangt, dass eine Seite nicht kaputtgeht, wenn diese Überschreibung angewendet wird.

Was "geht nicht kaputt" konkret bedeutet

Wenn der Abstand vergrößert wird, sollte Text nicht von einem Container mit fester Höhe abgeschnitten werden, andere Elemente überlappen, oder dazu führen, dass Inhalt unlesbar oder unzugänglich wird. Eine Komponente, die mit einer fest kodierten, zu kleinen Höhe für ihren Text gebaut ist, läuft über oder wird abgeschnitten, sobald sich die Zeilenhöhe vergrößert – das ist die häufigste Art, wie dieses Kriterium scheitert.

Wie man es tatsächlich testet

Wenden Sie ein Bookmarklet oder eine Browser-Erweiterung an, das die erforderlichen Abstandswerte setzt (mehrere kostenlose existieren speziell zum Testen von 1.4.12 gebaut), oder überschreiben Sie das CSS selbst in den DevTools mit den genauen obigen Verhältnissen, und prüfen Sie dann, ob Text abgeschnitten wird, überlappt oder unlesbar wird.

Das zugrunde liegende Designprinzip

Die praktische Lösung ist dieselbe Disziplin, die Neuanordnung (1.4.10) und Text vergrößern (1.4.4) erfüllt: Vermeiden Sie Container mit fester Höhe für Textinhalt, lassen Sie Container wachsen, um ihren Inhalt zu fassen, statt Überlauf abzuschneiden oder zu verbergen. Eine Komponentenbibliothek, die mit flexibler, inhaltsgetriebener Größenbestimmung statt fest kodierter Pixelhöhen gebaut ist, besteht dieses Kriterium tendenziell ohne jeden dedizierten zusätzlichen Aufwand.

Häufige Fragen

Was ist WCAG 1.4.12 Textabstand?: Ein Kriterium der Stufe AA: Inhalte müssen lesbar und funktionsfähig bleiben, wenn Nutzer Zeilen-, Absatz-, Zeichen- und Wortabstände auf die festgelegten Werte erhöhen.
Warum ändern Nutzer die Textabstände?: Menschen mit Legasthenie und Sehbehinderung vergrößern die Abstände häufig, um leichter zu lesen; die Seite darf dabei nicht brechen oder Text abschneiden.
Was verursacht Verstöße gegen 1.4.12?: Container mit fester Höhe oder overflow:hidden, die Text bei größeren Abständen abschneiden, oder Elemente, die sich überlappen, sobald die Zeilen höher werden.