# Text resize and reflow checksheet

Bright Field Notes · Resource revision: 2026-09-07

Companion guide: https://brightfieldnotes.com/guides/a-text-resize-and-reflow-checksheet
Tool: https://brightfieldnotes.com/tools/text-layout-lab

This blank worksheet was drafted with AI assistance. No fields below represent a completed browser test. Keep your completed copy locally or wherever you choose; this file does not submit data. A completed record supports a scoped review, not accessibility certification.

## Page and environment

- Page URL or local identifier:
- Page/content revision:
- Tester/date:
- Browser and version:
- Operating system:
- Display scaling or other relevant settings:
- Baseline viewport width and height in CSS pixels:
- How the viewport was measured:
- Baseline page zoom:
- Harmless sample content:
- Reader's intended action:
- Page states to include (initial, help open, navigation open, validation message, other):
- Known exclusions and reason:

Write `unknown` for an unknown setting. Start every result as `untested`.

## Run matrix

Duplicate a row for each setting or state you actually test.

| Run | Mechanism and target | Page state and action | Actual viewport width / CSS px | Outcome |
| --- | --- | --- | --- | --- |
| A | Baseline: 100% page zoom | | | untested |
| B1 | Page zoom: offered intermediate setting | | | untested |
| B2 | Page zoom: 200% | | | untested |
| C | Page zoom: 400% from a 1280 CSS-pixel starting viewport | | | untested |
| D | Narrow viewport: 320 CSS pixels, 100% page zoom | | | untested |
| E | Relevant enlarged/narrow setting with revealed content open | | | untested |
| F | Optional text-only enlargement: record actual setting | | | untested |
| G | Optional lab sample: width/font size/wrap values | | | untested |

The lab's width and font-size controls affect its sample. They do not apply full-page browser zoom. A directly narrowed viewport and a pinch-zoom run also need their own mechanism labels.

## Observation record — duplicate for each finding

- Run ID and actual enlargement value:
- Effective viewport width / CSS px:
- Full reproduction steps:
- Exact label, instruction, or control involved:
- Expected ability to read or act:
- Visible result:
- Could all relevant content still be reached and read? How checked:
- Could the reader complete the intended action? How checked:
- Horizontal scrolling location (whole page or a particular component):
- Any proposed two-dimensional-content exception and reason:
- Outcome: untested / observed okay / issue found
- Evidence filename(s):
- Explanation or suspected cause (separate from observation):
- Untested browsers, states, or conditions:

## Retest

- Original finding/run ID:
- Changed revision:
- Change being evaluated:
- Repeated original conditions:
- New observation and evidence:
- Baseline/narrow-layout checks repeated:
- Remaining issue or next required check:

## Fictional training example — not a result from this site

Imagine a help panel where the final instruction line becomes covered by a fixed save bar at 200% full-page zoom. A narrow finding would be:

> In the help-open state at 200% full-page zoom, the final instruction line is covered by the save bar; scrolling does not reveal it.

The example describes a possible failure. It contains no real browser/version, measured run, or verified fix. A real record needs the environment and evidence fields above.

## Primary references

- Resize Text: https://www.w3.org/WAI/WCAG22/Understanding/resize-text.html
- Reflow: https://www.w3.org/WAI/WCAG22/Understanding/reflow.html
- Viewport concepts: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/CSSOM_view/Viewport_concepts

## Use and privacy

Reuse permissions and resource limitations: https://brightfieldnotes.com/terms

How the publication handles website visits and tool inputs: https://brightfieldnotes.com/privacy