- Success Criterion 1.4.4
- Conformance level AA
1.4.4 · Resize Text
Lesson overview · Resize Text
In plain language
Everything must still work with text enlarged to 200% — nothing cut off, overlapping, or lost.
Who it affects
Low-vision people who enlarge text instead of using a screen reader.
How to check
Set browser zoom / text size to 200% and walk key pages: all text readable, all controls reachable, nothing clipped.
Common misconception
Responsive design is not the same as resizable text. A layout can adapt to screen width and still break completely when someone just increases their browser's text size to 200%.
Learn more
Scenarios in this lesson
- 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
- Sticky Header That Grows Large Enough to Cover Content
- JavaScript Text Truncation That Deletes Content on Zoom
- Fixed Line Height Causing Enlarged Text to Overlap Itself
- Tooltip or Dropdown Menu That Clips Text at 200% Zoom
- CSS Setting That Suppresses the Browser’s Text-Size Scaling
- Canvas-Rendered Text That Ignores Browser Zoom Completely
- Controls Pushed Off-Screen and Unreachable After Zooming
- Mobile App That Ignores the Phone’s System Text-Size Setting