Perceivable / 1.4 Distinguishable
1.4.10Reflow
Level AAEnsure content remains usable without needing to scroll in two dimensions down to a width of 320 CSS pixels for vertically scrolling content, or a height of 256 CSS pixels for horizontally scrolling content -- equivalent to a 1280x1024 viewport zoomed to 400%. Content where a two-dimensional layout is essential, such as maps or data tables, is exempt.
Note
A detailed commentary for this success criterion is not yet available. In the meantime, this page lists related patterns, techniques, and links to the normative sources.
Related Techniques
Specific implementation techniques for meeting this success criterion. This site doesn't include the full text, so follow the links to the original W3C documents.
Sufficient Techniques(8)
- C31: Using CSS Flexbox to reflow content(opens in a new tab)waic.jp(opens in a new tab)
- C32: Using media queries and grid CSS to reflow columns(opens in a new tab)waic.jp(opens in a new tab)
- C33: Allowing for Reflow with Long URLs and Strings of Text(opens in a new tab)waic.jp(opens in a new tab)
- C38: Using CSS width, max-width and flexbox to fit labels and inputs(opens in a new tab)waic.jp(opens in a new tab)
- G206: Providing options within the content to switch to a layout that does not require the user to scroll horizontally to read a line of text(opens in a new tab)waic.jp(opens in a new tab)
- G224: Accounting for meaningful text indentation and Reflow(opens in a new tab)waic.jp(opens in a new tab)
- G225: Section panels that scroll horizontally are designed to fit within a width of 320 CSS pixels on a vertically scrolling page(opens in a new tab)waic.jp(opens in a new tab)
- SCR34: Calculating size and position in a way that scales with text size(opens in a new tab)waic.jp(opens in a new tab)
Advisory Techniques(2)
Normative References
- Success Criterion 1.4.10 Reflow — WCAG 2.2(opens in a new tab)The normative requirement text.
- Understanding Reflow — W3C(opens in a new tab)Official guidance on intent, examples, and techniques.