Viewport Disables Zoom
ID |
html.viewport_disables_zoom |
Severity |
low |
Remediation Complexity |
low |
Remediation Risk |
low |
Remediation Effort |
low |
Resource |
Reliability |
Language |
Html |
Tags |
accessibility, reliability |
Description
Flags a <meta name="viewport"> element whose content disables or severely limits the user’s
ability to zoom.
Rationale
Disabling pinch-to-zoom with user-scalable=no, or capping the scale below 2x with a low
maximum-scale, prevents users with low vision from enlarging the page, which breaks the WCAG
resize-text expectation. The page should let users zoom to at least 200%.
<meta name="viewport" content="width=device-width, user-scalable=no"> <!-- FLAW — zoom blocked -->
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- OK — zoom allowed -->Remediation
Remove user-scalable=no and any maximum-scale value below 2 from the viewport content, so
that users can scale the page to at least 200%.