# WCAG 2.2 – 1.4.10 Reflow

- Level: AA
- Principle: 1 Perceivable
- Guideline: 1.4 Distinguishable
- Introduced in: WCAG 2.1

## What the rule requires

At 320 CSS pixels wide (equal to 1280 pixels at 400% zoom) content can be read without scrolling in two directions. Exempt: content that needs two dimensions, such as data tables, maps and diagrams.

## How to get it right

Build responsively with flexbox and grid, without fixed widths. Test: set the window to 1280 px wide, then zoom to 400%.

## Who benefits

- People with low vision

## Sources

- [This rule on wcag.dehl.net](https://wcag.dehl.net/en/wcag/1-4-10/)
- [Interactive demo](https://wcag.dehl.net/en/demos/#text-spacing)
- [Official W3C explanation](https://www.w3.org/WAI/WCAG22/Understanding/reflow)
- [Techniques (WCAG Quick Reference)](https://www.w3.org/WAI/WCAG22/quickref/#reflow)

_Plain-language explanation. Only the original W3C text is normative._