Los objetivos táctiles no tienen el tamaño adecuado
Published on • Updated on
Los objetivos táctiles son las áreas de una página web con las que los usuarios de dispositivos táctiles pueden interactuar. Todos los botones, enlaces y elementos de formulario tienen botones táctiles.
Muchos motores de búsqueda clasifican las páginas en función de su compatibilidad con dispositivos móviles. Asegurarse de que los objetivos táctiles sean lo suficientemente grandes y tengan la separación adecuada entre sí, hace que su página sea más accesible y compatible con dispositivos móviles.
Cómo fallar la auditoría de objetivos táctiles de Lighthouse
Lighthouse marca páginas con objetivos táctiles que son demasiado pequeños o están demasiado juntos:
![Auditoría de Lighthouse que muestra objetivos táctiles de tamaño inadecuado](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/6Dhlxe7vkj7gX3e5rX4B.png?auto=format)
Los objetivos que miden menos de 48 px por 48 px o que están a menos de 8 px de distancia no pasan la auditoría. Cuando la auditoría falla, Lighthouse enumera los resultados en una tabla con tres columnas:
Each SEO audit is weighted equally in the Lighthouse SEO Score, except for the manual Structured data is valid audit. Learn more in the Lighthouse Scoring Guide.
Cómo arreglar sus objetivos táctiles
Paso 1: aumente el tamaño de los objetivos táctiles que son demasiado pequeños. Los objetivos táctiles de 48 px por 48 px nunca fallan en la auditoría. Si tiene elementos que no deberían aparecer más grandes (por ejemplo, iconos), intente aumentar la propiedad padding
:
![Objetivos táctiles de tamaño apropiado](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/ggUhPDcAaExFfcmm8kaF.jpg?auto=format)
padding
para agrandar los objetivos táctiles sin cambiar la apariencia de un elemento.Paso 2: aumente el espacio entre los objetivos táctiles que están demasiado cerca entre sí, utilizando propiedades como margin
. Debe haber al menos 8 px entre los objetivos táctiles.
Recursos
- Objetivos táctiles accesibles: más información sobre cómo garantizar que todos los usuarios puedan acceder a sus objetivos táctiles.
- Código fuente para la auditoría Los objetivos táctiles no tienen el tamaño adecuado.
Updated on • Improve article