[user-scalable="no"] is used in the <meta name="viewport"> element or the [maximum-scale] attribute is less than 5
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
contentattribute with auser-scalable="no"parameter - A
contentattribute with amaximum-scaleparameter set to less than5
The Lighthouse Accessibility score is a weighted average of all the accessibility audits. See the Lighthouse accessibility scoring post for more information.
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