Do not disable zoom with meta viewport
Accessibility isn’t only about avoiding violations — it’s about ensuring your product can be used confidently by everyone. This guide explains the principle of this rule, shows what goes wrong in real-world code, and provides a verified fix that meets WCAG and the European Accessibility Act (EAA).
Why this matters and how to fix it
Why this matters
Disabling zoom prevents users from enlarging text for readability and comfort.
How to fix this issue
Use `width=device-width, initial-scale=1` without `maximum-scale` or `user-scalable=no`. Verify that users can zoom to 200%+ without loss of content or functionality.
Developer guidance
Audit meta viewport in templates. Add CI checks to reject `user-scalable=no` or `maximum-scale` usage.
Code examples
Incorrect Implementation
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">Correct Implementation
<meta name="viewport" content="width=device-width, initial-scale=1">
Trusted by organizations across Europe working toward WCAG and EAA conformance