Calculadora de Tamanho de Tap Target WCAG Mobile

Tamanho de alvo de toque em mobile (WCAG)

O alvo de toque (tap target) é a região interativa que responde ao dedo. O critério WCAG 2.1 2.5.5 Tamanho do Alvo (AAA) recomenda 44 × 44 CSS px no mínimo, e o WCAG 2.2 2.5.8 Target Size (Minimum) define 24 × 24 CSS px como piso AA. As Apple Human Interface Guidelines sugerem 44 × 44 pt e o Material Design recomenda 48 × 48 dp com pelo menos 8 dp de espaçamento.

O modelo motor por trás é a Lei de Fitts: TM = a + b · log₂(D/L + 1), em que o tempo de movimento cai quando a largura do alvo (L) aumenta. No celular, a polpa do polegar adulto cobre ~45–57 px de contato — alvos menores exigem foco visual e elevam os erros de toque, sobretudo nas zonas altas da tela em uso a uma mão.

Aplicações

Use a calculadora ao auditar botões, links, checkboxes, tab bars, FAB e campos de formulário em interfaces mobile e PWA. Também serve para relatórios de conformidade 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? Apenas como piso AA do WCAG 2.2. Para ações primárias e listas densas, mire nos 44 × 44 da recomendação AAA.

O ícone pode ser menor que a área cliquível? Pode. A regra vale para a região de toque — aumente-a com padding ou um overlay invisível mantendo o ícone pequeno.

O espaçamento conta no tamanho? Alvos vizinhos que invadem o círculo de 24 px exigem mais espaço ou crescer. O eMAG 3.1 recomenda 8–10 px de respiro para evitar ativações acidentais.