Responsive Accessibility

Responsive design isn't just about screen size — it's about ensuring accessibility holds at every viewport, zoom level, and orientation. A layout that works at 1440px but breaks at 200% zoom has failed the users who need zoom most.

Core Requirements

Text Reflow at 200% Zoom

• All content must reflow into a single column at 200% zoom with no horizontal scrolling
• This is WCAG 2.1 Level AA (Success Criterion 1.4.10)
• Test by setting browser zoom to 200% at 1280px viewport — the result must be usable without horizontal scroll
• Exceptions: data tables, maps, and diagrams may scroll horizontally if no information is lost