Pellizcar para hacer zoom habilitado

Silktide comprueba que sus páginas permitan a los visitantes en dispositivos móviles hacer zoom con el gesto de pellizcar. Hacer zoom es cómo muchas personas consiguen que el texto sea lo bastante grande para leerlo y, por desgracia, las páginas pueden desactivarlo.

Por qué es importante

Muchísimas personas hacen zoom en sus teléfonos de forma habitual: cualquiera cuya vista no sea perfecta, algo que con la edad nos ocurre a la mayoría. Una página que desactiva el pellizcar para hacer zoom les obliga a forzar la vista con un texto que no pueden ampliar y, para las personas con baja visión, puede volver la página inutilizable. El criterio de éxito 1.4.4 ( de ) exige que el texto pueda redimensionarse hasta un 200 %, y en móviles el zoom es el mecanismo que lo permite.

Desactivar el zoom casi nunca es una decisión de diseño intencionada; suele colarse dentro de una etiqueta de plantilla copiada y pegada.

Cómo solucionarlo

Elimine las restricciones de zoom de la etiqueta de su página:

<!-- Zoom desactivado: los usuarios no pueden ampliar la página -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
      maximum-scale=1.0, user-scalable=no">

<!-- Corregido: los usuarios pueden pellizcar para hacer zoom libremente -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Tanto user-scalable=no como un maximum-scale restrictivo impiden el zoom; elimine ambos. La etiqueta viewport suele estar en la plantilla de su sitio, por lo que una única edición suele corregir todas las páginas.

Cómo lo comprueba Silktide

Cargar la página como si fuera un dispositivo móvil y localizar sus etiquetas viewport en el .
Informar de cualquier etiqueta viewport que impida el zoom, ya sea declarando user-scalable=no o estableciendo un maximum-scale igual o inferior a la escala inicial de la página.

Solución de problemas

Puedo hacer zoom en la página sin problema en mi iPhone

iOS ignora los intentos de desactivar el pellizcar para hacer zoom, por lo que la página seguirá haciendo zoom en un iPhone. Los navegadores de Android respetan la restricción, así que el problema es real para una gran parte de sus visitantes; pruébelo en un dispositivo Android para comprobarlo.

¿Por qué arreglarlo si iOS lo ignora?

Porque Android no lo hace y porque la etiqueta indica una intención que algunos navegadores, webviews integradas y tecnologías de asistencia siguen respetando. Ese código no cumple ninguna función; eliminarlo no tiene desventajas.