HomeFix guides → Viewport configuration (WCAG 1.4.4 AA)

acc

How to fix: Viewport configuration (WCAG 1.4.4 AA)

Why this matters

user-scalable=no and maximum-scale=1 disable pinch-zoom on mobile. WCAG 1.4.4 Level AA requires text resize to 200% without loss — disabling zoom is a direct failure. Common in fashion / portfolio themes prioritising 'pixel-perfect' design over usability.

Background

user-scalable=no and maximum-scale=1 disable pinch-zoom. WCAG 1.4.4 Level AA requires text resize to 200% without loss — disabling zoom is a direct AA failure.

References

WCAG 2.1 SC 1.4.4 Resize Text (AA) · BBC Mobile Accessibility Guidelines

How to fix

Code snippet for each stack we cover. Pick the one matching your server / framework.

nginx
No server config.
apache
Same.
cloudflare
Same.
wordpress
Edit your theme's header.php. Use: <meta name="viewport" content="width=device-width, initial-scale=1"> only. Remove user-scalable=no and maximum-scale.
flask
Same — base template edit.
express
Same.
rails
Same.

Verify it's working

On a real mobile device, attempt to pinch-zoom. The page should zoom freely.

Want to know if your site has this issue?

Run a free 53-check audit — security, GDPR, NIS2, and technical SEO.

Audit my site →