Perspective
Things disappear or overlap when I make the text bigger
Enlarging text exposes layouts that depend on content staying at one assumed size.
People enlarge text for many reasons. A layout that only works while text remains at the designer’s preferred size is making an assumption about how it will be read.
What happens
When text size, text spacing or zoom increases, content may overlap, become clipped, disappear behind fixed containers or require scrolling in two directions.
Sometimes the text remains visible but a nearby control is pushed out of reach.
Why it matters
The information still existing in the DOM is not enough. People need to be able to perceive it and operate the interface at the size they need.
How to test it
On the web, test browser zoom and reflow as appropriate to the content. Test text-spacing changes separately rather than assuming zoom covers them.
On mobile, include platform text-size settings and the largest supported accessibility sizes where applicable.
Look for lost content, overlap, truncation, horizontal scrolling, controls that become obscured and layouts whose reading order stops making sense.
Can automation detect it?
Only partially.
Tools can identify some underlying code patterns, but visual collisions and loss of function at enlarged sizes still require rendered testing.
Relevant WCAG
Depending on the failure, relevant WCAG 2.2 criteria can include:
- 1.4.4 Resize Text
- 1.4.10 Reflow
- 1.4.12 Text Spacing
Do not assume all three apply to every instance.
What a pass does not prove
A layout surviving one zoom level or one device does not prove it works across supported viewport sizes, platform text settings or user spacing preferences.
Follow the evidence trail
- Standards: 1.4.4 Resize Text, 1.4.10 Reflow, 1.4.12 Text Spacing
- Test it: Testing text resize, zoom and reflow
- Try it: What survives when the text gets bigger?
- Evidence limit: one viewport/zoom configuration does not establish every responsive or platform text-size state.