Stufe AASeit WCAG 2.1
1.4.10 Umbruch (Reflow)
Englischer Originaltitel: Reflow
Richtlinie 1.4: Unterscheidbar – Inhalte sind gut zu sehen und zu hören: Kontrast, Größe, Abstände.
Was verlangt die Regel?
Bei 320 CSS-Pixel Breite (das entspricht 1280 Pixel bei 400 % Zoom) muss niemand in zwei Richtungen scrollen, um Inhalte zu lesen. Ausgenommen sind Inhalte, die zwei Dimensionen brauchen, etwa Datentabellen, Karten und Diagramme.
So machst du es richtig
Baue responsiv mit Flexbox und Grid, ohne feste Breiten. Teste: Browserfenster auf 1280 px, dann auf 400 % zoomen.
Wem hilft das besonders?
- Menschen mit Sehbehinderung
Offizieller Wortlaut
Diese Seite erklärt die Regel in einfachen Worten. Verbindlich ist nur der englische Originaltext des W3C.
- „Understanding Reflow“ beim W3C (externe Seite, Englisch)
- Techniken in der WCAG Quick Reference (externe Seite, Englisch)