Zoom desactivado

Silktide comprueba cada página para detectar código que impida a los visitantes hacer zoom en dispositivos móviles. El gesto de pellizcar para hacer zoom siempre debe estar disponible, porque muchas personas dependen de él para leer tu contenido.

La etiqueta de la página es la responsable:

<!-- Problema: tanto user-scalable=no como maximum-scale=1 bloquean el zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Solución: permite que los usuarios hagan zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Por qué es importante

El pellizcar para hacer zoom es cómo las personas con baja visión leen la web en un teléfono. También es cómo todo el mundo afronta la letra pequeña, los mapas densos y las imágenes detalladas. Una página que lo desactiva hace todo eso imposible: no hay ninguna solución alternativa que un visitante pueda aplicar.

Normalmente se desactiva el zoom por motivos estéticos, para evitar cambios en el diseño. El coste recae por completo en las personas que más necesitan esta función, y las pautas de accesibilidad exigen que se pueda cambiar el tamaño del texto. Algunos dispositivos ya ignoran esta restricción precisamente porque causa tanto perjuicio, pero muchos navegadores aún la respetan.

Cómo solucionarlo

Elimina user-scalable=no de todas las etiquetas viewport.
Elimina los valores de maximum-scale que limiten el zoom al tamaño normal de la página o cercano a él (por ejemplo, maximum-scale=1).
Si tu diseño se rompe al hacer zoom, corrígelo con en lugar de impedir a los visitantes usar el zoom.

Cómo lo prueba Silktide

Carga la página en un dispositivo móvil simulado.
Encuentra cada etiqueta meta de viewport.
Informa de cada etiqueta que bloquee el zoom: ya sea user-scalable=no, o un maximum-scale no superior a la escala a la que la página ya se carga.

Solución de problemas

Aún puedo hacer zoom en mi iPhone

iOS ignora estas restricciones del viewport y permite el gesto de pellizcar para hacer zoom de todos modos. Otros navegadores y plataformas aún las respetan, así que el código sigue siendo una barrera real y debe corregirse. Para reproducir el problema, prueba en un dispositivo Android.

La etiqueta la añade mi framework o tema

Algunos temas y frameworks de aplicaciones antiguos inyectan user-scalable=no por defecto. Busca un ajuste de viewport o de zoom en el tema, o anula la etiqueta en la plantilla de tu página.