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 ↗SMALL EXPERIMENTS IN EVERYDAY INTERFACES
Reproducible browser experiments for curious people. Change one condition, observe what happens, and leave notes another person can follow.
Open Text Layout Lab ↗THE READING LIST
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 ↗A layout screenshot is incomplete until the note names the viewport, the zoom, and the text size that produced it.
READ THE GUIDE ↗A repeatable checksheet for page zoom, narrow layouts, and isolated text experiments, with blank evidence fields and a fictional finding.
READ THE GUIDE ↗A longer sentence can expose the space, wrapping, and sizing decisions that a short label keeps hidden.
READ THE GUIDE ↗A useful result includes the conditions that produced it. Keep the settings, define the measurement, and preserve the uncertainty.
READ THE GUIDE ↗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 ↗FROM READING TO DOING
Change the text and layout conditions, inspect measurements from this browser, and export the settings needed to repeat your experiment.
Go to the workbench ↗