Das Kriterium dahinter
1.4.12 Textabstand
Die Seite muss weiter funktionieren, wenn der Lesende Zeilenhöhe und Zeichenabstand erhöht.
Stufe AA · EN 301 549 § 9.1.4.12
Warum es diese Prüfung gibt
Menschen mit Legasthenie stellen Abstände regelmäßig selbst ein. Schneidet Ihr Layout dann ab, wird die Seite unlesbar statt leichter.
Was sie üblicherweise auslöst
- fällt durchSchaltflächen und Karten mit fester Höhe, die in der zweiten Zeile abschneiden.
So beheben Sie es
- tunVermeiden Sie feste Höhen bei allem, was Text enthält.
- tunTesten Sie mit Zeilenhöhe 1,5, Zeichenabstand 0,12em, Wortabstand 0,16em, Absatzabstand 2em.
Wie es gemeldet wird
A11ySignal meldet das mit der Schwere schwerwiegend. Jedes fehlerhafte Element kommt mit seinem CSS-Selektor und dem Markup, das durchgefallen ist — Sie kommen also direkt zur Zeile, statt sie zu suchen. Deque veröffentlicht die Details auf Engine-Ebene:
https://dequeuniversity.com/rules/axe/4.13/avoid-inline-spacing ↗
Prüfung umgesetzt in axe-core 4.13.0, © Deque Systems, MPL-2.0.