Want to prevent users from accidentally zooming in on your website? Disable double-tap zoom on mobile devices with this simple meta tag:
This makes your mobile site feel more like a native app. Have you tried this in your projects?
For further actions, you may consider blocking this person and/or reporting abuse
sangeeth p -
Safdar Ali -
Saddam Hossain -
Hafiz Ammar Saleem -
Top comments (3)
WCAG says not to do this. As does:
a11yproject.com/posts/never-use-ma...
and MDN:
developer.mozilla.org/en-US/docs/W...
Overview:
lukeplant.me.uk/blog/posts/you-can...
I would say it really depends on the project you're building. For content-first websites (blog, landing pages, e-commerce, and such), preventing users from zooming in breaks accessibility and provides a bad overall UX, thus it's not a good thing. In other cases (mostly web apps, especially PWA), it can be relevant if you are really trying to apply the look & feel of a native app. But don't expect W3C or Lighthouse to give their blessing on that.
Lighthouse recommends seeting this to 2x to 3x zoom, because many users need to zoom indeed. Vision impaired users, images with small details, etc.