Los objetivos táctiles no tienen el tamaño adecuado

Published on Updated on

Translated to: English, Português, 한국어, 中文, Pусский, 日本語

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

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:

Objetivo táctilEl objetivo táctil que tiene un tamaño inadecuado.
TamañoEl tamaño del rectángulo delimitador del objetivo en pixeles.
Destino superpuestoQué otros objetivos táctiles, si los hay, están demasiado cerca.

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
Utilice 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

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.