Pinch-zoom is disabled on Next.js
What this is
The viewport tag blocks zooming. People with low vision who rely on enlarging the page cannot do so on phones and tablets.
Who it affects
- People with low vision
Standards
How to fix it
- Remove `user-scalable=no` and any `maximum-scale` below 5 from the viewport meta tag.
Example
Before
<meta name="viewport" content="width=device-width, user-scalable=no">After
<meta name="viewport" content="width=device-width">On Next.js
Export `viewport = { width: "device-width", initialScale: 1 }` and do not set `maximumScale` or `userScalable`.
Other platforms
Prompt for an AI coding tool
Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.
Check your own website
Paste a web address. The free scan checks one page and shows what it finds.
More fixes
Automated testing detects only a portion of WCAG issues. Manual testing is required to assess full conformance.