Qualquer elemento no ecrã em que alguém pode clicar, tocar ou interagir de alguma forma deve ter o tamanho suficiente para uma interação fiável. Certifique-se de que estes elementos têm uma largura e uma altura de, pelo menos, 48 dp, conforme descrito nas Diretrizes de acessibilidade do Material Design.
Implementação
View
Quando implementa elementos clicáveis ou táteis num esquema, considere usar dimensões que cumpram ou ultrapassem o tamanho recomendado para áreas de toque.
Se estes controlos tiverem um tamanho dinâmico ou o redimensionamento for baseado no tamanho do respetivo conteúdo, considere usar android:minWidth e android:minHeight para definir um limite inferior nas respetivas dimensões.
Para manter o tamanho original de uma View quando expande a respetiva região tátil, considere usar um TouchDelegate, o qual permite a um esquema superior processar os eventos de toque em nome da View descendente.
Sugestão: o Teste de acessibilidade só consegue detetar e ter em conta a utilização do TouchDelegate quando está a ser executado em sistemas Android 10 e posteriores. Nas versões anteriores do Android, os resultados do tamanho da área de toque podem ser apresentados, mesmo quando esta API é usada para aumentar as áreas de toque para um tamanho adequado.
Compose
Quando implementa elementos clicáveis ou táteis num esquema, considere usar dimensões que cumpram ou ultrapassem o tamanho recomendado para áreas de toque.
Se estes controlos tiverem um tamanho dinâmico ou o redimensionamento for baseado no tamanho do respetivo conteúdo, considere usar Modifier.sizeIn para definir um limite inferior nas respetivas dimensões.
clicável predecessor ou use Modifier.mergeDescendants, que permite que os serviços de acessibilidade se foquem apenas num conteúdo de composição predecessor maior e enviem eventos de clique.Design
As áreas de toque incluem o espaço que responde à introdução do utilizador. As áreas de toque expandem-se além dos limites visuais de um elemento: um elemento como um ícone pode parecer ter 24 x 24 dp, mas o preenchimento circundante abrange o alvo de toque completo de 48 x 48 dp. No Jetpack Compose, os componentes do Material, como Checkbox ou Switch, adicionam automaticamente preenchimento para se certificarem de que têm, pelo menos, 48 x 48 dp. Em alguns casos, como botões muito pequenos e próximos, os elementos não podem ser expandidos sem causar a sobreposição de regiões táteis.
Considere criar áreas de toque de, pelo menos, 48 x 48 dp, separadas por 8 dp de espaço ou mais, para assegurar uma densidade e uma capacidade de utilização equilibradas das informações. Uma área de toque de 48 x 48 dp resulta num tamanho físico de aproximadamente 9 mm, independentemente do tamanho do ecrã. O tamanho recomendado da área para objetos em ecrãs táteis é de 7 a 10 mm.
Para ver exemplos, consulte as Diretrizes de acessibilidade do Material Design.
Testes
Para confirmar manualmente se a interface do utilizador de uma app não contém áreas de toque pequenas:
- Abra a app.
- Identifique todos os elementos clicáveis, táteis ou de interação na interface.
- Certifique-se de que cada um destes elementos tem um tamanho de 48 x 48 dp ou aproximadamente 9 mm em cada dimensão.
As ferramentas de teste automáticas do Android podem detetar áreas de toque pequenas. Considere utilizar o Teste de acessibilidade para Android para testar manualmente a sua app no dispositivo. Para testes automáticos, ative a verificação de acessibilidade no Espresso e Robolectric.