[user-scalable="no"]
is used in the <meta name="viewport">
element or the [maximum-scale]
attribute is less than 5
— Updated
Appears in: Accessibility audits
The user-scalable="no"
parameter for the <meta name="viewport">
element disables browser zoom on a web page. The maximum-scale
parameter limits the amount the user can zoom. Both are problematic for users with low vision who rely on browser zoom to see the contents of a web page.
How the Lighthouse browser zoom audit fails #
Lighthouse flags pages that disable browser zooming:
A page fails the audit if it contains a <meta name="viewport">
tag with either of the following:
- A
content
attribute with auser-scalable="no"
parameter - A
content
attribute with amaximum-scale
parameter set to less than5
How to avoid disabling browser zoom #
Remove the user-scalable="no"
parameter from the viewport meta tag and make sure the maximum-scale
parameter is set to 5
or greater.
Resources #
- Source code for
[user-scalable="no"]
is used in the<meta name="viewport">
element or the[maximum-scale]
attribute is less than 5 audit - Zooming and scaling must not be disabled (Deque University)
Last updated: — Improve article