Skip to content We're live on Product Hunt today Upvote
install

diagnostic · one of 36 free, no counter

Reflow

Does this survive 320px and 200% zoom?

WCAG 1.4.10 asks that content reflow to 320 CSS pixels without a second scrollbar, and 1.4.4 that text scale to 200% without loss. Both are routinely claimed and rarely checked, because checking means resizing by hand and remembering what you saw.

Reach it Press + K on any tab and type reflow. Ctrl + K on Windows and Linux

Checks the page at 320px and at 200% zoom, the way WCAG asks
reads layout at 320 CSS px
writes nothing on your page
sends nothing
checks WCAG 1.4.10, 1.4.4
reports loss, clipping, second axis
plan free
section#about

What this actually is

Before signing off an accessibility claim, and before an audit does it for you. It pairs with the conformance statement, which records the result rather than the impression.

section#reference

What the two criteria actually require

1.4.10 Reflow
no loss of content or function, and no scrolling in two directions, at 320 CSS pixels
1.4.4 Resize text
text to 200% with no loss of content or function, without assistive technology
the exception
parts of the content genuinely requiring two dimensions: maps, diagrams, data tables
section#asked

Asked about this diagnostic

Is 320 pixels a real phone?

It is 1280 CSS pixels at 400% zoom, which is where the number comes from. It also happens to match the narrowest phones still in use, so it is both the standard and a real reading.

A data table fails. Is that a real failure?

Probably not - the criterion exempts content that genuinely needs two dimensions, and a table is the example the specification gives. The row is still reported, because the judgement is yours and a silent exemption is how a real failure gets exempted too.

Does it replace an audit?

No. It replaces the resizing-and-remembering part of one. It reads two criteria of dozens, and a conformance statement built on it says exactly which two were measured.

how to use reflow

  1. Open Reflow on the page you are about to make a claim about.
  2. It lays the page out at 320 CSS pixels, and again at 200% text.
  3. Read what was reported: loss, clipping, or a second scroll axis.
  4. Record the result in the conformance statement rather than the impression you formed.

written about at length