meta-viewport-large
La etiqueta meta viewport debería permitir el zoom hasta el 500%
Comprueba que <meta name="viewport"> no establezca user-scalable=no ni maximum-scale por debajo de 5 (500%).
Ámbito de aplicación. Se aplica a elementos <meta name="viewport"> que llevan un atributo content no vacío, en una página propia: los navegadores ignoran uno en un documento mostrado en un frame.
Resultado esperado. El atributo content no bloquea el zoom con user-scalable, ni establece maximum-scale por debajo de 5 (500%), leído como lo leen los navegadores, de la misma manera que lo lee meta-viewport-zoom-enabled. Esta es la contraparte más estricta, de nivel AAA, de meta-viewport-zoom-enabled (que impone el mínimo del 200% de AA como un fallo normativo estricto según WCAG); esta regla es una orientación consultiva de buenas prácticas hacia el listón más alto de AAA.
Qué informa un hallazgo.
reasons: cada ajuste del atributo content que limita el zoom, tal como está escrito ahí, en minúsculas, comouser-scalable=noomaximum-scale=2(por debajo de 5).
Estos campos de data.details ayudan a leer y reproducir un hallazgo. Salvo reasonCode y los pocos campos que Esquema de salida indica como estables, no son un contrato estable: un campo puede cambiar de nombre o desaparecer en una versión menor, así que no construyas sobre ellos.
Ejemplos
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
maximum-scale=5 (500%) ya cumple el límite de buenas prácticas que esta regla comprueba.
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
user-scalable=no bloquea el zoom más allá de la escala con la que se carga la página, por debajo del objetivo de buenas prácticas del 500% de AAA.
Cómo comprobarlo
Cuando esta regla no puede decidir, informa cantTell y deja la pregunta a una persona. Cada pregunta que puede plantear aparece aquí bajo su código de motivo, con los pasos para responderla. Un hallazgo lleva los mismos pasos en howToCheck, en el idioma del análisis. Consulta Esquema de salida.
VIEWPORT_ZOOM_BELOW_500
- Leer el content de la etiqueta meta viewport en el código fuente de la página; el informe enumera los ajustes que limitan el zoom, como user-scalable=no o maximum-scale=2.
- Abrir la página en un teléfono o en la emulación de dispositivos del navegador y ampliar con los dedos (o con el gesto de zoom) todo lo que permita.
- Anotar si llega al 500 % y si el texto sigue siendo legible.
Se cumple. La página se puede ampliar al 500 %, sin user-scalable=no y sin un maximum-scale inferior a 5.
No se cumple. El zoom está bloqueado o se detiene por debajo del 500 %, lo que no alcanza el objetivo de buena práctica que va más allá de WCAG 1.4.4.