Support content reflow at 400% zoom

Users with low vision zoom to 400% to read content—horizontal scrolling at that level makes it impossible to track lines of text and navigate effectively.

Quick Reference

• Content must reflow to single column at 400% zoom (1280px width at 320px equivalent)
• No horizontal scrolling required to read content
• All functionality must remain accessible at high zoom levels
• Use relative units and fluid layouts that adapt to viewport

Check

Zoom the browser to 400% and verify content reflows to a single column without horizontal scrolling, truncation, or overlapping elements. Test all interactive features remain functional at this zoom level.

Fix

Use responsive CSS with relative units (rem, em, %) instead of fixed pixels. Implement fluid layouts that adapt to viewport width. Test with CSS media queries to ensure layouts reflow gracefully.