Marcelo Paiva

All criteriaPresent as slides

An older bearded man peers out from a partly open arched door, one hand gripping its edge.Meant to show: An older man with deep brown skin and a white beard

Success criterion 1.4.10

Reflow

Content can be presented without loss of information or functionality, and without scrolling in two directions, at a width of 320 CSS pixels.

  • Level AA
  • Principle 1: Perceivable
  • Guideline 1.4: Distinguishable

In a user’s words

“At 400% zoom I have to scroll sideways for every single line. It's like reading a novel through a keyhole.”

Who this helps: Low Vision

What each role can do

Product manager
Make reflow at 320 px wide an acceptance criterion for every page.
Designer
Design single-column layouts for narrow widths; avoid fixed-width containers.
Developer
Use responsive CSS (flex, grid, relative units) and avoid horizontal overflow, except for tables, maps and diagrams.
Tester
Test at 1280 px wide and 400% zoom; confirm no horizontal scrolling for reading.

Once it is fixed

“Everything stacks into one tidy column now. I scroll down, and only down. Bliss!”

The quotes are written to illustrate the criterion. They are not testimonials from real people. For the official wording, find 1.4.10 in the W3C quick reference for WCAG 2.2 (opens in a new tab).

Or press the left arrow and the right arrow.