1.4.10Stufe AA1.4 Distinguishable

Umfluss (Reflow)

Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions, for vertical scrolling content at a width equivalent to 320 CSS pixels and for horizontal scrolling content at a height equivalent to 256 CSS pixels. Exceptions apply for content requiring two-dimensional layout.

W3C-Spezifikation ansehen ↗

Was es bedeutet

Umfluss (Reflow) verstehen (englisch) | Umfluss (Reflow) erfüllen (englisch) (Stufe AA) Inhalte können ohne Informations- oder Funktionsverlust dargestellt werden, ohne dass dafür ein Scrollen in zwei Dimensionen erforderlich ist für: vertikal scrollenden Inhalt mit einer Breite, die 320 CSS-Pixeln entspricht; horizontal scrollenden Inhalt mit einer Höhe, die 256 CSS-Pixeln entspricht. Eine Ausnahme bilden Teile des Inhalts, deren Verwendung oder Bedeutung ein zweidimensionales Layout erfordern. Hinweis 320 CSS-Pixel entsprechen einer anfänglichen Viewport-Breite von 1280 CSS-Pixeln bei 400% Zoom. Für Webinhalte, die zum horizontalen Scrollen gestaltet sind (z. B. mit vertikalem Text), entsprechen 256 CSS-Pixel einer anfänglichen Viewport-Höhe von 1024 CSS-Pixeln bei einem Zoom von 400%. Hinweis Beispiele für Inhalte, die ein zweidimensionales Layout erfordern, sind Bilder, Karten, Diagramme, Videos, Spiele, Präsentationen, Datentabellen und Benutzerschnittstellen, bei denen es notwendig ist, Werkzeugleisten im Blick zu behalten, während der Inhalt bearbeitet wird.

Failing example

/* Fails: fixed-width table forces horizontal scroll */
table { width: 1200px; }

How to fix it

/* Pass: responsive table with horizontal scroll
   contained within the component, not the viewport */
.table-wrapper { overflow-x: auto; max-width: 100%; }
table { min-width: 600px; width: 100%; }

So erkennt A11yRisk dieses Kriterium

A11yRisk erkennt dieses Kriterium automatisch.

Website auf diesen Verstoß prüfen →