Calculadora de Tamanho de Tap Target WCAG Mobile
Verifica se um alvo de toque atende ao tamanho minimo recomendado pela WCAG 2.5.5 (44x44 px CSS).
—
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.
Ferramentas Relacionadas
Calculadora de Tamanho de Texto Recomendado WCAG AA
Recomenda tamanho minimo de texto em pixels para WCAG AA conforme distancia tipica de leitura.
Calculadora de Tamanho de Texto Recomendado WCAG AAA
Recomenda tamanho minimo de texto para WCAG AAA conforme distancia tipica de leitura.
Calculadora de Tamanho de Fonte Acessível
Calcula tamanho mínimo de fonte para acessibilidade WCAG 2.1: AA (16px corpo, 24px cabeçalho), AAA (18.66px corpo, 36px cabeçalho). Configurável.
Calculadora de Tamanho de Vaso para Suculenta
Sugere o tamanho de vaso pequeno ideal para suculenta.
Calculadora de Tecido para Paleto por Tamanho da Pessoa em cm
Estima centimetros de tecido para um paleto sob medida a partir do torax e comprimento desejado.
Calculadora de Tamanho de Disjuntor
Sugere disjuntor padrão (6, 10, 16, 20, 25, 32, 40, 50, 63 A) a partir da potência do circuito e tensão (127/220V).
Os resultados desta ferramenta têm caráter apenas informativo e educativo e não constituem aconselhamento profissional, financeiro, médico, jurídico, tributário ou contábil. Confirme decisões importantes com um profissional qualificado e fontes oficiais.