Resize Text
Text can be resized up to 200% via the browser's own zoom without loss of content or function, and without requiring horizontal scrolling to read a line.
Why it matters
Low-vision users routinely zoom to 150–200%. A layout built with fixed pixel widths and no wrapping clips or overlaps text at that zoom level, making pages unreadable rather than merely inconvenient.
Needs manual testing
Not directly axe-testable — it requires actually zooming a rendered page and checking for clipped or overlapping content, which is a layout/interaction check, not a static rule.
Fails
.card {
width: 320px;
height: 80px;
overflow: hidden;
}A fixed height with overflow:hidden truncates text the moment font size increases — content is lost, not just reflowed, at 200% zoom.
Passes
.card {
max-width: 320px;
min-height: 80px;
padding: 1rem;
}min-height instead of a hard height lets the card grow to fit larger text instead of clipping it.
Openwell finds violations like this one across your whole site, clusters them by the component that caused them, and generates a fix that's re-validated before you see it.
Scan your site free