Zum Inhalt springen
A11ySignal
Stufe AAWCAG 2.1WCAG 2.2EN 301 549 § 9.1.4.10

1.4.10
Umbruch (Reflow)

Inhalt muss in ein 320 px breites Fenster umbrechen, ohne waagerechte Bildlaufleiste.

Was die Norm sagt

Inhalte können ohne Verlust von Informationen oder Funktionalität und ohne Scrollen in zwei Dimensionen dargestellt werden für:

Warum das zählt

Das ist es, was ein Mensch mit Sehbehinderung bei 400 % Vergrößerung tatsächlich sieht. Scrollen in zwei Richtungen macht Lesen praktisch unmöglich.

Wie ein Fehlschlag aussieht

  • fällt durchContainer mit fester Breite oder `min-width` auf einem Wrapper.
  • fällt durchBreite Tabellen ohne responsive Behandlung.
  • fällt durchAbsolute Positionierung, die nicht zusammenfällt.

So beheben Sie es

  • tunBauen Sie das Layout so, dass es umbricht. Wer schon responsiv ist, hat den Großteil hinter sich.
  • tunLassen Sie breite Tabellen und Codeblöcke in ihrem eigenen Container scrollen, nicht die Seite.

Wie A11ySignal es prüft

manuell

Keine automatische Regel kann über dieses Kriterium urteilen, und wir tun nicht so, als wäre es anders. Ein sauberer Scan heißt nicht, dass 1.4.10 erfüllt ist — er heißt, dass nichts fehlschlägt, was wir messen können. Hier braucht es einen Menschen.

Ebenfalls unter 1.4 Unterscheidbar