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
A la hora de implementar en un diseño elementos que se pueden tocar o en los que se puede hacer clic, te recomendamos que utilices, como mínimo, el tamaño recomendado para los objetivos táctiles.
Si a estos controles se les aplica el tamaño de forma dinámica o si este se modifica según el tamaño de su contenido, te recomendamos que utilices android:minWidth y android:minHeight para establecer un límite inferior en sus dimensiones.
Para mantener el tamaño original de un elemento View y, al mismo tiempo, aumentar su zona táctil, te recomendamos que utilices TouchDelegate, que permite que un diseño de nivel superior gestione los eventos táctiles en nombre del elemento View descendiente.
Nota: Test de Accesibilidad solo puede detectar y gestionar el uso de TouchDelegate en Android 10 y versiones posteriores. En versiones anteriores de Android, es posible que aparezcan resultados con el tamaño de las áreas táctiles aunque se utilice esta API para ampliar esas áreas a un tamaño adecuado.
Compose
A la hora de implementar en un componible elementos que se pueden tocar o en los que se puede hacer clic, te recomendamos que utilices, como mínimo, el tamaño recomendado para las áreas táctiles.
Si a estos controles se les aplica el tamaño de forma dinámica o si este se modifica según el tamaño de su contenido, te recomendamos que utilices Modifier.sizeIn para establecer un límite inferior en sus dimensiones.
clickable antecedente o que uses Modifier.mergeDescendants, que permite a los servicios de accesibilidad enfocar solo un antecedente componible de más tamaño y enviarle eventos de clic.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.