Why it matters
Users who rely on zoom should not lose access to content or controls when text is enlarged.
Common violations
- Fixed-height containers that clip text
- Text overlaps at 200% zoom
- Components that break when font size changes
Code examples
Bad
<div style="height:40px; overflow:hidden">...</div>Good
<div class="min-h-[40px]">...</div>How to fix
Use flexible layouts, allow containers to grow, and test zoom levels to ensure content reflows properly.
Related criteria
Related resources
Scan your site