O que e o criterio de Touch Target nas diretrizes WCAG 2.2
O criterio de area de toque (Touch Target Size) da WCAG estabelece dimensoes fisicas minimas em pixels para botoes, links e componentes clicaveis em telas sensiveis ao toque. O objetivo e permitir que usuarios com tremores motores, maos grandes ou navegando em movimento consigam acionar os controles sem toques acidentais.
Diferenca entre o Nivel AA e o Nivel AAA
A WCAG 2.2 exige no Nivel AA (Criterio 2.5.8) uma area minima de 24 por 24 pixels (podendo ser compensada com margem de espacamento periferico). Ja o padrao de ouro Nivel AAA (Criterio 2.5.5) recomenda alvos de pelo menos 44 por 44 pixels, alinhando-se as diretrizes de design da Apple (Human Interface Guidelines) e do Google Material Design (48px).
Como resolver alvos pequenos sem quebrar o layout visual
Caso um icone precise ter tamanho visual pequeno (como 16px ou 20px), utilize preenchimento interno invisivel (padding) ou pseudoelementos CSS ::after para expandir a area clicavel real para 44px sem alterar o tamanho visual do desenho.
Como usar esta ferramenta
- Informe a largura e altura do botão ou ícone clicável em pixels.
- Adicione o espaçamento ou margem para elementos vizinhos.
- Verifique a aprovação nas diretrizes e teste o botão em escala real no celular.
Perguntas Frequentes (FAQ)
- Qual o tamanho mínimo recomendado para botões em telas touch?
- A WCAG 2.2 Nível AA exige no mínimo 24x24 pixels, mas o padrão ouro recomendado pela Apple e Nível AAA é de 44x44 pixels.
- Como tornar um ícone pequeno acessível sem aumentar seu tamanho visual?
- Adicione preenchimento transparente (padding) ou pseudoelementos CSS ::after para expandir a área de clique para 44px.
- Por que áreas de toque pequenas prejudicam a acessibilidade?
- Pessoas idosas, com tremores motores ou navegando com uma só mão sofrem com toques acidentais em botões minúsculos.
