Calculadora de Tamanho de Tap Target WCAG Mobile

Tamanho de alvo de toque em mobile (WCAG)

O alvo de toque (tap target) é a parte do controle que de fato reage quando o dedo encosta. No WCAG 2.1, o critério 2.5.5 Tamanho do Alvo (AAA) pede no mínimo 44 × 44 CSS px. Já o WCAG 2.2, com o 2.5.8 Target Size (Minimum), fixa 24 × 24 CSS px como piso AA. As Apple Human Interface Guidelines ficam em 44 × 44 pt; o Material Design sobe um pouco, para 48 × 48 dp, e quer ao menos 8 dp de espaçamento entre os alvos.

O que sustenta tudo isso é a Lei de Fitts: TM = a + b · log₂(D/L + 1). O tempo de movimento diminui à medida que a largura do alvo (L) cresce. No celular, a polpa do polegar adulto cobre cerca de 45–57 px de contato. Alvos menores que isso obrigam o usuário a mirar com os olhos e aumentam os erros de toque, principalmente nas zonas altas da tela quando se usa o aparelho com uma mão só.

Aplicações

Recorra a esta calculadora ao auditar botões, links, checkboxes, tab bars, FAB e campos de formulário em interfaces mobile e PWA. Ela também alimenta relatórios de conformidade com WCAG 2.1/2.2, eMAG 3.1 (Modelo de Acessibilidade em Governo Eletrônico do Brasil), ABNT NBR 17225 e EN 301 549.

Perguntas frequentes

24 × 24 px é suficiente? Só como piso AA do WCAG 2.2, e nada além disso. Ações primárias e listas bem densas ainda merecem os 44 × 44 da recomendação AAA.

O ícone pode ser menor que a área cliquível? Pode, sim. A regra trata da região de toque, não do desenho. Mantenha o ícone pequeno e estique a área cliquível com padding ou um overlay invisível.

O espaçamento conta no tamanho? Alvos vizinhos que invadem o círculo de 24 px precisam de mais respiro ou de crescer. O eMAG 3.1 aponta 8–10 px de folga para que o dedo não dispare o controle errado.