Connection failed. Please try again.

Skip to content
SEO Tools
Help and documentation
UX / UI High impact Easy 2 min

Blocked page zoom

Never prevent the user from zooming the page.

What it is

Some sites disable zooming in the viewport meta via user-scalable=no or maximum-scale=1. The user then can't "pinch" to stretch the page.

Why it matters

Disabling zoom is a serious accessibility problem — people with impaired vision need to zoom in on content. It's a WCAG violation and directly harms usability on mobile. It brings no real benefit.

How to do it

  1. 1Remove user-scalable=no and maximum-scale from the viewport meta tag.
  2. 2Keep only "width=device-width, initial-scale=1".
  3. 3If zooming "broke" the layout, fix it with responsive CSS, not by disabling zoom.

Example

Wrong
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Correct
<meta name="viewport" content="width=device-width, initial-scale=1">

Conclusion

Never disable zoom — it's a two-minute fix with a direct impact on accessibility. Remove user-scalable=no and maximum-scale and let users zoom. It belongs among the quick and important UX wins.

Related topics