Todos los elementos en pantalla en los que se puede hacer clic, que se pueden tocar o con los que se puede interactuar deben tener un tamaño suficiente para garantizar una interacción confiable. Asegúrate de que tengan, como mínimo, un ancho y una altura de 48 dp, como se describe en los Lineamientos de accesibilidad de Material Design.
Implementación
Ver
Compose
Diseño
Los objetivos táctiles incluyen el área que responde a la entrada del usuario. Los objetivos táctiles se extienden más allá de los límites visuales de un elemento. Un ícono, por ejemplo, puede parecer de 24 dp × 24 dp, pero el padding que lo rodea puede constituir el objetivo táctil completo de 48 dp × 48 dp. En Jetpack Compose, los componentes de Material como Checkbox
o Switch
agregan padding automáticamente para garantizar que su tamaño sea de, al menos, 48 × 48 dp. En algunos casos, como en el de botones que son muy pequeños y están muy juntos, los elementos no se pueden expandir sin causar que las regiones táctiles se superpongan.
Asegúrate de que los objetivos táctiles sean de, al menos, 48 dp × 48 dp, separados por 8 dp de espacio o más, para garantizar una densidad de información equilibrada y su usabilidad. Un objetivo táctil de 48 dp × 48 dp representa un tamaño físico de aproximadamente 9 mm, independientemente del tamaño de la pantalla. El tamaño de objetivo recomendado para los objetos en una pantalla táctil es de 7 mm a 10 mm.
Si quieres ver ejemplos, consulta los Lineamientos de accesibilidad de Material Design.
Prueba
Sigue estos pasos para verificar manualmente que la interfaz de usuario de una app no contenga objetivos táctiles pequeños:
- Abre la app.
- Identifica todos los elementos de la interfaz en los que se puede hacer clic, que se pueden tocar o con los que puedes interactuar.
- Asegúrate de que todos los elementos tengan un tamaño de 48 dp × 48 dp o aproximadamente 9 mm en cada dimensión.
Las herramientas de pruebas automatizadas de Android pueden detectar objetivos táctiles pequeños. Te recomendamos usar la app Prueba de accesibilidad para Android para probar manualmente la app en tu dispositivo. Si quieres realizar pruebas automatizadas, activa la verificación de accesibilidad de Espresso y Robolectric.