meta-viewport-zoom-enabled

La etiqueta meta viewport no debe desactivar el zoom

automaticWCAG 1.4.4 (AA)confianza: highgravedad: seriousperceivable

Comprueba que <meta name="viewport"> no establezca user-scalable=no ni maximum-scale por debajo de 2 (200%).

Ámbito de aplicación. Se aplica a elementos <meta name="viewport"> cuyo atributo content establece maximum-scale o user-scalable. Un content que no establece ninguno de los dos no puede restringir el zoom.

Resultado esperado. user-scalable está ausente, es yes, device-width, device-height, o un número fuera del rango -1 a 1; y maximum-scale está ausente, es device-width, device-height, negativo, o 2 o más. Cualquier otra cosa impide que el usuario amplíe el texto hasta el 200%, algo que exige WCAG 1.4.4 (Resize Text).

Ejemplos

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

Un `maximum-scale` de 5 (500%) sigue permitiendo un zoom muy por encima del 200% que exige WCAG 1.4.4.

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

`user-scalable=no` desactiva por completo el zoom con gesto de pellizco.

Ver código fuente