Todos los elementos que aparecen en la pantalla y que permiten hacer clic en ellos, tocarlos o interactuar con ellos deben ser lo suficientemente grandes para que el usuario pueda accionarlos. Te recomendamos que estos elementos midan al menos 48 dp de ancho y de alto, como se describe en las directrices de accesibilidad de Material Design.
Implementación
View
Compose
Diseño
Los objetivos táctiles incluyen la zona que responde a la entrada del usuario. Las áreas táctiles se extienden más allá de los límites visuales de un elemento: es posible que un elemento (por ejemplo, un icono) parezca tener un tamaño de 24x24 dp, pero el espacio de relleno que lo rodea incluya todo el área táctil de 48x48 dp. En Jetpack Compose, los componentes de Material como Checkbox o Switch añaden un espacio de relleno automáticamente para asegurarse de que su tamaño es de, al menos, 48x48 dp. En algunos casos, como en aquellos botones pequeños que estén juntos, los elementos no se pueden ampliar sin provocar una superposición de las zonas táctiles.
Te recomendamos que crees áreas táctiles de al menos 48x48 dp (separados por 8 dp de espacio o más) para equilibrar la densidad y la utilidad de la información. Un objetivo táctil de 48x48 dp tiene un tamaño físico de aproximadamente 9 mm, sean cuales sean las dimensiones de la pantalla. Los objetivos correspondientes a los objetos que aparecen en la pantalla táctil deben medir entre 7 y 10 mm.
Para ver algunos ejemplos, consulta las directrices de accesibilidad de Material Design.
Realizar una prueba
Sigue estos pasos para comprobar manualmente que la interfaz de usuario de una aplicación no contenga objetivos táctiles demasiado pequeños:
- Abre la aplicación.
- Identifica todos los elementos de la interfaz que se puedan tocar, en los que se pueda hacer clic y con los que se pueda interactuar.
- Comprueba que cada uno de esos elementos tenga un tamaño de 48x48 dp (unos 9 mm) en cada dimensión.
Las herramientas de prueba automáticas de Android pueden detectar los objetivos táctiles pequeños. Te recomendamos que utilices Test de Accesibilidad para Android para probar tu aplicación manualmente en el dispositivo. Si quieres realizar pruebas automáticas, activa las comprobaciones de accesibilidad en Espresso y Robolectric.