We respect your privacy.

We use strictly necessary cookies to keep you signed in and to protect against CSRF. With your permission we also use a small amount of first-party analytics to improve the product. We do not sell your data and we do not use third-party advertising trackers. See our cookie policy and privacy policy .

Crawlmind
← All learn topics

Rule page.accessibility.viewport-zoom-blocked

Allow users to pinch-zoom

page.accessibility.viewport-zoom-blocked is a check in Crawlmind's site audit that grades medium-impact issues of this kind. This page explains why the rule matters and the exact fix.

Impact: mediumEffort: lowFixable: 1-click

Why it matters

`maximum-scale=1` or `user-scalable=no` in the viewport meta blocks pinch-zoom on mobile. WCAG 1.4.4 (Resize Text) requires users be able to enlarge text to 200% without loss of functionality. iOS Safari ignores these attributes anyway since iOS 10: Android does honor them, so disabled users on Android genuinely lose access.

The fix

```html
<!-- Wrong: blocks zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Right: standard responsive viewport, no zoom restrictions -->
<meta name="viewport" content="width=device-width, initial-scale=1">
```

The historical reason to block zoom was "users will accidentally zoom on inputs": iOS's input-zoom is now controlled separately by `font-size: 16px` on form controls, not by the viewport meta.

References