← Alle Regeln

Struktur

Textabstände dürfen nicht mit !important festgezurrt werden

• Regel: avoid-inline-spacing
• Schweregrad: Schwerwiegend
• WCAG-Stufe AA

Warum das wichtig ist

Menschen mit Legasthenie oder Sehbehinderung vergrößern Zeilen- und Zeichenabstand zum Lesen. Inline-Stile mit !important lassen sich durch ihr Stylesheet nicht überschreiben — die Seite bleibt für sie unlesbar.

So beheben Sie es

1. Entfernen Sie !important aus inline gesetztem line-height, letter-spacing und word-spacing.
2. Verlagern Sie die Abstände in ein Stylesheet, wo ein Nutzerstil gewinnen kann.
3. Prüfen Sie, dass der Text bei 1,5-fachem Zeilenabstand und 0,12em Zeichenabstand noch umbricht, ohne abgeschnitten zu werden.

Im Markup

<p style="line-height: 1.1 !important">...</p>

<p style="line-height: 1.1">...</p>

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

• 1.4.12 Textabstand (öffnet in neuem Tab) — WCAG-Stufe AA

Weiterführende Quellen

Deque University zu avoid-inline-spacing (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.