meta-viewport-zoom-enabled

Viewport meta tag must not disable zoom

automaticWCAG 1.4.4 (AA)confidence: highseverity: seriousperceivable

Checks that <meta name="viewport"> does not set user-scalable=no or maximum-scale below 2 (200%).

Applies to. Applies to <meta name="viewport"> elements whose content attribute sets maximum-scale or user-scalable. Content setting neither cannot restrict zoom.

Expectation. user-scalable is absent, yes, device-width, device-height, or a number outside the range -1 to 1; and maximum-scale is absent, device-width, device-height, negative, or 2 or more. Anything else stops the user zooming text to 200%, which WCAG 1.4.4 (Resize Text) requires.

Examples

pass
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">

`maximum-scale` of 5 (500%) still allows zooming well past the 200% WCAG 1.4.4 requires.

fail
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

`user-scalable=no` disables pinch-zoom entirely.

View source