Test reading order when a layout wraps
Check visual order, DOM order, and keyboard focus order separately when a layout wraps, and decide whether a rearrangement actually changes meaning.
Read the guide ↗THE READING LIST
Field guides
Useful methods, clear examples, and references you can follow.
Record the zoom with the screenshot
A layout screenshot is incomplete until the note names the viewport, the zoom, and the text size that produced it.
Read the guide ↗Keep text enlargement and reflow in separate test rows
A repeatable checksheet for page zoom, narrow layouts, and isolated text experiments, with blank evidence fields and a fictional finding.
Read the guide ↗What long labels reveal about a layout
A longer sentence can expose the space, wrapping, and sizing decisions that a short label keeps hidden.
Read the guide ↗Record a browser observation you can repeat
A useful result includes the conditions that produced it. Keep the settings, define the measurement, and preserve the uncertainty.
Read the guide ↗What changes between an 800 and 801 CSS-pixel viewport?
A three-run browser observation of the exact viewport boundary where this publication's homepage changes from one hero column to two.
Read the guide ↗