Testador de Tamanho de Alvos Tácteis
Verifique elementos interativos face ao WCAG 2.2 CS 2.5.8 (mínimo 24 px) e às boas práticas de 44 px.
O que é isto?
Esta ferramenta verifica se os botões, ligações e controlos de formulário do seu sítio Web ou aplicação são suficientemente grandes para serem tocados com um dedo. Alvos demasiado pequenos são uma barreira para pessoas com deficiências motoras.
Quando preciso disto?
Utilize esta ferramenta quando tiver um sítio Web ou aplicação móvel, ou qualquer sítio Web que possa ser visualizado num ecrã tátil. Se o seu produto for utilizado apenas em computador com rato e teclado, esta verificação tem prioridade mais baixa.
- 1Introduza o tamanho do seu elemento, Escreva a largura e altura (em píxeis) do botão, ligação ou controlo que está a verificar. Se não tiver a certeza, clique com o botão direito no seu navegador, escolha Inspecionar, e procure os valores de largura/altura no painel Estilos.
- 2Leia o veredicto, A ferramenta indica-lhe imediatamente se o elemento cumpre o requisito legal mínimo (24px, WCAG 2.2 AA) ou o tamanho confortável recomendado (44px para iOS, 48px para Android).
- 3Utilize a exceção de espaçamento se necessário, Se os seus botões forem pequenos mas estiverem afastados, o WCAG permite uma exceção. Introduza o intervalo entre alvos adjacentes; a ferramenta indicar-lhe-á se a exceção se aplica.
- 4Obtenha a correção CSS, Mude para o separador Correção CSS para obter o código exato que irá corrigir o problema. Copie e envie ao seu programador, não é necessária experiência.
- 5Exporte as suas evidências, Desloque-se até à secção Exportar e transfira um registo do seu teste. Este passa a fazer parte do seu Ficheiro Técnico do EAA.
WCAG 2.2 CS 2.5.8, Tamanho do Alvo (Mínimo)
24 × 24 px, WCAG 2.2 Nível AA
O mínimo legal ao abrigo da EAA, da cláusula 9.2.5.8 da EN 301 549 e do WCAG 2.2 AA. Cada elemento interativo tem de cumprir este requisito, salvo se a exceção de espaçamento se aplicar.
44 × 44 px, Apple HIG e WCAG 2.5.5 AAA
A Apple e a Google recomendam ambas 44–48 px para uma utilização móvel confortável com uma só mão. Era o requisito AAA do WCAG 2.1 e mantém-se como boa prática para todas as superfícies tácteis.
Exceção de espaçamento (CS 2.5.8)
Se um alvo for menor do que 24 px, ainda assim pode ser aprovado se houver espaço suficiente entre ele e os alvos adjacentes, concretamente, o desvio tem de fazer com que o total alvo + desvio ≥ 24 px de cada lado.
Falha, abaixo de 24 px
Faltam 4 px para o mínimo de 24 px do WCAG 2.2 AA.
A exceção de espaçamento pode aplicar-se, consulte a calculadora de espaçamento abaixo.
Pré-visualização ao vivo de componentes, alvo de 20 px
Icon Button
Close/dismiss/toolbar button
✗ Falha
Checkbox
Form checkbox
✗ Falha
Radio
Form radio input
✗ Falha
Nav Item
Navigation link/tab
✗ Falha
Expand Arrow
Accordion / dropdown trigger
✗ Falha
Info Icon
Tooltip / help trigger
✗ Falha
O contorno tracejado mostra o mínimo exigido de 24 px. Os elementos a vermelho falham o CS 2.5.8.
Calculadora da exceção de espaçamento do CS 2.5.8
Se os alvos forem menores do que 24 px, espaçamento adequado entre eles pode satisfazer o CS 2.5.8.
A utilizar o tamanho definido acima.
A exceção de espaçamento aplica-se
Com 8 px de espaço, o desvio do alvo (20 px + 8 px = 28 px) cumpre o limiar de 24 px. Documente esta decisão na sua declaração de acessibilidade.
Exportar como prova
Target 20px (goal 44px), spacing 8px, adjacent 2px
Cada exportação inclui um rodapé de metadados de prova legal com o ID da auditoria, data de geração, versão da ferramenta, cláusulas EN 301 549 e o aviso padrão. Prova de grau legal, não aconselhamento jurídico.
Aviso jurídico importante
Esta ferramenta é apenas um auxílio de autoavaliação e não constitui aconselhamento jurídico nem uma avaliação de conformidade formalmente certificada. As saídas, incluindo relatórios, pontuações, listas de verificação e declarações de acessibilidade, destinam-se a uso interno e devem ser revistas por um representante jurídico qualificado ou por um auditor de acessibilidade independente antes de serem utilizadas para fins regulamentares, de aquisição ou de divulgação pública. Todo o risco da avaliação recai sobre o avaliador interno. A accessibilityref, os seus criadores e equipa não aceitam qualquer responsabilidade por perdas decorrentes da utilização ou confiança nestas saídas. Verifique sempre junto das fontes oficiais: a Recomendação W3C WCAG 2.2, o European Accessibility Act (Diretiva 2019/882), e a autoridade de fiscalização nacional aplicável.