- Success Criterion 1.4.4
- Conformance level AA
CSS Setting That Suppresses the Browser’s Text-Size Scaling
1.4.4 — Resize Text
Scenario
Setting
An insurance company's claims form
What’s wrong
text-size-adjust: none combined with px sizing suppressing platform text scaling.
Example
Open an insurance company's claims form and this is what you'll see: text-size-adjust: none combined with px sizing suppressing platform text scaling.
Why it matters
Low-vision people who enlarge text instead of using a screen reader. The practical effect on an insurance company's claims form: they can't perceive the control's boundary or state.
How to test
Check CSS for text-size-adjust: none combined with px font sizes: this combination actively suppresses platform text scaling.
How to fix
At 200% text size/zoom, all content and controls must remain visible, readable, and usable — nothing clipped, overlapped, or lost.
Outcome
That one change on an insurance company's claims form means they read the text clearly against its background.
Who is affected
Low-vision people who enlarge text instead of using a screen reader.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Text and Controls That Get Cut Off at 200% Zoom
- Form Fields That Don’t Grow When Text Is Enlarged
- Font Size Set in Viewport Units That Ignores Browser Zoom
- Viewport Meta Tag That Disables Pinch-to-Zoom on Mobile
- Fixed-Height Containers That Clip Content at 200% Zoom
- Button or Nav Text That Overflows Its Fixed-Size Container