Botões grandes no telemóvel: o que dizem realmente as regras de acessibilidade
A WCAG 2.2 não diz apenas «faça botões grandes». O critério AA de tamanho mínimo considera um alvo de pelo menos 24×24 píxeis CSS ou, em condições definidas, espaço à volta de um alvo menor. O critério AAA melhorado usa 44×44. São limiares técnicos, não uma promessa de toque sem erro para todas as pessoas.
Meça a área ativa, não apenas o desenho visível
O alvo é a região que aceita toque ou outra entrada de ponteiro. Um ícone pequeno pode ter área ativa maior; um cartão grande pode conter só uma parte acionável. A medida usa píxeis CSS, diferentes dos píxeis físicos.
Zoom, tamanho do dedo e diagonal do telemóvel não criam conformidade automaticamente. Verifique a área efetiva em cada estado, menu, sobreposição e orientação suportados.
Mínimo AA: 24×24 píxeis CSS ou espaçamento qualificado
A WCAG 2.2 SC 2.5.8 exige pelo menos 24×24 píxeis CSS. Um alvo menor só usa a exceção de espaçamento quando círculos imaginários de 24 píxeis CSS centrados nos alvos pequenos não intersectam outros alvos nem os seus círculos.
Outras exceções abrangem controlo equivalente, ligação em linha, tamanho do agente do utilizador e apresentação essencial ou legal. Passar por exceção não implica conforto; a W3C recomenda atingir o próprio tamanho mínimo.
AAA eleva a referência a 44×44
SC 2.5.5 Target Size (Enhanced) exige em geral 44×44 píxeis CSS e tem exceções próprias. É um critério AAA mais exigente, não o mínimo AA nem um número universal.
Pode ser uma meta útil para uma ação importante. Porém, área grande, rótulo claro e espaço não bastam com ações confusas, layout instável, confirmação obscura ou outro método de entrada.
Tamanho, distância e cancelamento trabalham juntos
A distância reduz ativação vizinha com tremor, movimento do veículo, uso com uma mão ou menor precisão. São necessidades e condições possíveis, não diagnósticos a deduzir de um erro.
SC 2.5.2 Pointer Cancellation aborda o momento da ativação: muitas ações devem concluir ao soltar e permitir cancelar ou desfazer, com exceções. Num sinal importante, verifique também confirmação compreensível e recuperação.
Matriz: conformidade e experiência
A coluna prática requer o produto real e não substitui uma auditoria WCAG.
| Aspeto | Regra ou limiar | Verificação prática |
|---|---|---|
| Área ativa | Alvo real, não só ícone | Responde toda a área esperada? |
| Mínimo AA | 24×24 CSS px | Continua fácil de alcançar? |
| Espaçamento | Círculos de 24 px não se cruzam | O vizinho é tocado por engano? |
| AAA melhorado | 44×44 CSS px | Convém à ação principal? |
| Rótulos | Não resolvidos pelo tamanho | Significado e resultado distinguem-se? |
| Ativação | Considerar Pointer Cancellation | Pode cancelar antes de soltar? |
| Confirmação | Depende de risco e percurso | Evita erros sem bloquear? |
| Adaptação | Texto e sistema mudam | Funciona com zoom, rotação e texto grande? |
| Entrada | Toque é um método | Funciona com tecnologia de apoio? |
| Contexto | WCAG não prevê a pessoa | Testado com utilizadores e aparelhos relevantes? |
Aplicar WCAG a uma aplicação nativa com prudência
WCAG é uma norma para conteúdo web. WCAG2ICT explica a aplicação de princípios a software e documentos não web, mas não cria sozinho uma declaração de conformidade para toda a aplicação ou lei. Verifique o contexto aplicável.
Na My Safe Circle, examine ações principais no aparelho real com rótulos, confirmações, destinatários e reserva. A aplicação facilita comunicação com pessoas de confiança; não deteta eventos automaticamente, não liga para emergências nem garante entrega ou ação.
- Área ativa medida em píxeis CSS ou equivalente adequado?
- Alvos pequenos verificados pela regra de espaçamento?
- Exceções documentadas sem lhes chamar boa UX?
- Ativação acidental, cancelamento e confirmação testados?
- Utilizadores, aparelhos, zoom e entradas relevantes incluídos?
Perguntas frequentes
24×24 píxeis CSS significa botão acessível?
Significa que o alvo pode cumprir o limiar dimensional AA se os outros requisitos aplicáveis forem satisfeitos. Não demonstra leitura, compreensão ou facilidade para todos.
44×44 é obrigatório para WCAG 2.2 AA?
Não. 44×44 pertence ao critério melhorado 2.5.5 de nível AAA; o mínimo 2.5.8 de nível AA usa 24×24 com exceções definidas.
Um botão maior elimina toques acidentais?
Não. Pode ajudar, mas contam distância, ações vizinhas, ativação, confirmação, postura, aparelho e variabilidade individual.
Fontes consultadas
A informação técnica e de segurança foi verificada nas seguintes fontes oficiais.
- W3C — Target Size (Minimum), SC 2.5.8
- W3C — Target Size (Enhanced), SC 2.5.5
- W3C — Pointer Cancellation, SC 2.5.2
- W3C — WCAG2ICT para software não web
- W3C — utilizadores idosos e acessibilidade
- My Safe Circle — funcionalidades e limites
Transparência editorial: este guia é publicado pela equipa da My Safe Circle. Descreve critérios W3C e limites do produto sem afirmar que a interface serve todas as pessoas ou cumpre um regime jurídico específico.
MEÇA E OBSERVE
Use o limiar como base e teste a experiência.
Verifique área ativa, distância, erros e métodos de entrada.
Conhecer a My Safe CircleInformação geral, não certificação de conformidade nem aconselhamento jurídico ou médico. Necessidades e precisão variam; um limiar técnico não garante uso sem erros.