Esta regla se activa cuando PageSpeed ????Insights detecta que ciertos objetivos de toque, como botones, enlaces o campos de formulario, pueden ser demasiado peque?os o demasiado cerca para que el usuario los toque en una pantalla táctil.
Debes asegurarte de que los objetivos táctiles más importantes de tu sitio (los más utilizados por los usuarios) sean lo suficientemente grandes, es decir, al menos 48 píxeles CSS de alto/ancho (si lo has hecho correctamente).Configura tu ventana gráfica) para que los usuarios puedan tocar fácilmente. El tama?o de los eslabones que se utilizan con poca frecuencia puede ser más peque?o, pero manteniendo una cierta distancia de otros eslabones, para no presionar accidentalmente dos eslabones al mismo tiempo con un dedo de 10 mm de ancho. Los usuarios pueden tocar de manera fácil y precisa el botón o enlace que deseen sin pellizcarse los dedos (o depender de otras funciones de la interfaz del navegador para distraerse de los toques con los dedos, como la lupa emergente de Chrome).
Haga que los objetivos de toque importantes sean lo suficientemente grandes como para tocarlos fácilmente
Este enfoque funciona bien para los objetivos táctiles más comunes de sus usuarios, como botones para acciones comunes, barras de búsqueda, otros campos de formulario importantes y enlaces de navegación principales. Estos objetivos táctiles deben tener un tama?o mínimo de 7 mm (si ha realizado correctamenteConfigura tu ventana gráfica, que tiene 48 píxeles CSS), si mide menos de 7 mm, debe haber suficiente espacio a su alrededor.
Asegúrese de que haya suficiente espacio entre objetivos de toque más peque?os
Para eslabones o botones que se utilizan con poca frecuencia, un tama?o inferior a los 7 mm recomendados no supone ningún problema. Sin embargo, no debe haber otros objetivos de toque dentro de los 5 mm (32 píxeles CSS) horizontal y verticalmente, para que el dedo del usuario no presione accidentalmente un objetivo de toque mientras toca otro.
Salvo que se indique lo contrario, el contenido de esta página tiene licencia bajo laLicencia Creative Commons Atribución 3.0y los ejemplos de código tienen licencia bajo laLicencia Apache 2.0Para más detalles, consulte nuestraPolíticas del sitio.