Diseño

touch-action: manipulation elimina el zoom involuntario en botones táctiles

El comportamiento ocurre porque Safari interpreta dos toques rápidos sobre un mismo elemento como una instrucción de zoom, independientemente del meta viewport configurado correctamente. La propiedad touch-action: manipulation desactiva gestos no estándar como el doble toque para zoom, pero mantiene el desplazamiento y el pellizco, que son gestos esperados y necesarios para usuarios con baja visión. Según MDN, esta declaración es un alias de pan-x pan-y pinch-zoom y también elimina el retraso de 300ms que los navegadores introducen al esperar confirmar si el toque es simple o doble, mejorando la respuesta percibida del elemento. Para diseñadores que supervisan o producen código de interfaz, es un caso donde la solución correcta de accesibilidad y la de experiencia táctil coinciden.

Tu acción

Abre el componente Button de tu design system o proyecto actual y añade touch-action: manipulation como regla base; pruébalo en Safari iOS con toques rápidos.

Este es uno de los cinco hallazgos de Diseño de esta semana en Rebrio.

  • Framework PACED: cuándo y cómo revelar el uso de IA en contenido
  • Siete tareas para preservar el aprendizaje de oficio UX en la era de la IA
  • La varianza en productos de IA rompe la confianza más que la lentitud

Lo que importa, cada lunes. Gratis.

Lo que importa en lo tuyo, curado. Sin amarillismo, sin ruido. Cinco minutos de lectura que te hacen mejor profesional.

Empezar a leer

Gratis · Sin tarjeta · Cancelable