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

1Remove user-scalable=no and maximum-scale from the viewport meta tag.
2Keep only "width=device-width, initial-scale=1".
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.