Design Nomenclature / Systems & Spec

Reflow

Also called SC 1.4.10, zoom reflow

This entry has not been translated yet and is shown in English.

WCAG 2.1 SC 1.4.10, Level AA: content must present without loss of information or functionality, and without scrolling in two dimensions, at a width equivalent to 320 CSS pixels for vertically scrolling content and a height of 256 CSS pixels for horizontally scrolling content. Data tables and maps are excepted.

A two-column comparison. Left, reflow: WCAG 2.1 success criterion 1.4.10 at Level AA, requiring content to work without scrolling in two dimensions at a width equivalent to 320 CSS pixels for vertically scrolling content, or a height of 256 CSS pixels for horizontally scrolling content — the equivalent case being 400 percent zoom at 1280 pixels wide. Right, responsive layout: breakpoints and fluid sizing, a technique that may satisfy that criterion but is not the same as it.

In practice

Tested by dragging a window narrow, which isn't the criterion. The equivalent case is 400% zoom at 1280px wide — where fixed widths and absolute positioning come apart.

Not to be confused with

How this term connects

BreakpointCSS pixelFluid scaleLevel AAMeasureRemText spacingReflow
Related Confused with