Allow Browser Zoom in the Viewport Configuration

This check finds user-scalable=no or a maximum-scale value below 5 in the viewport meta tag.

Why this matters

People with low vision may depend on pinch zoom or browser magnification. Disabling zoom can make text and controls unusable and does not replace a responsive layout.

How to fix it

1. Use a standard viewport such as <meta name="viewport" content="width=device-width, initial-scale=1">.
2. Remove user-scalable=no and restrictive maximum-scale or minimum-scale values.
3. Fix layouts that break when zoomed instead of preventing the user from zooming.
4. Test sticky headers, dialogs, and horizontal overflow at high zoom levels.

When the finding appears across many URLs, fix the shared component or layout that produces it instead of patching generated HTML page by page. Recheck representative templates and responsive states after deployment so the correction does not create a regression elsewhere.

How to verify the fix

On a mobile device or emulator, zoom the page to at least 200% and confirm all essential content and controls remain reachable. Repeat with browser text zoom where supported.

Keep before-and-after evidence for the affected URL, original output, correction, and verification method. If markup changes after load, test consent states, localization, responsive variants, and client-side navigation because the initial HTML and rendered DOM can differ.

Further reading

• MDN viewport meta reference