Los objetivos táctiles no tienen el tamaño adecuado
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:
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:
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:
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.