Os 10 problemas de accesibilidade mais comuns
Web developers de todo o mundo encontraram
89 milhões de A11Y problemas
em 11 milhões de páginas web verificadas.
Eis os problemas mais comuns detectados pelo Rocket Validator.
Última atualização: sexta-feira, 29 de agosto de 2025
1. Os elementos devem respeitar os limiares mínimos do rácio de contraste da cor. 34.68%
De acordo com os limiares do rácio de contraste das WCAG 2 AA, todos os elementos de texto devem ter um contraste suficiente entre o texto em primeiro plano e as cores de fundo.
2. Todo o conteúdo da página deve ser contido por pontos de referência. 27.63%
A prática recomendada é manter todo o conteúdo, excluindo os skip links, em áreas designadas como o header, nav, main e footer.
3. As ligações devem ter um texto percetível. 13.36%
Quando utilizados como hiperligações, o texto da hiperligação e o texto alternativo para as imagens devem ser reconhecíveis pelos leitores de ecrã, não ter etiquetas duplicadas e ser focalizáveis.
4. Todos os alvos tácteis devem ter 24px de tamanho ou deixar espaço suficiente. 8.77%
Os alvos tácteis devem ter uma dimensão mínima de 24 por 24 píxeis CSS. A maior área não obscurecida do alvo tátil é utilizada para calcular o tamanho. O alvo deve estar a uma distância mínima de 24 píxeis CSS de qualquer outro alvo tátil se o seu tamanho for insuficiente.
5. Os elementos na ordem de focagem devem ter um rol adequado. 3.98%
Quer se trate de HTML nativo ou de um widget personalizado, os elementos de entrada do utilizador têm de desempenhar as funções corretas para que o seu significado seja claro para os utilizadores de leitores de ecrã quando são focados e pousados. Se for um widget personalizado, a função do elemento deve ser corretamente exposta utilizando valores ARIA role apropriados em vez de funções abstractas.
6. As imagens devem ter texto alternativo. 3.66%
Para expressar o seu objetivo e significado aos utilizadores de leitores de ecrã, todas as imagens devem incluir texto alternativo.
7. Os níveis das rubricas só devem aumentar uma unidade. 2.69%
As etiquetas dos elementos h1 a h6 devem estar numa ordem sequencial para que os títulos estejam numa ordem lógica correta.
8. Os pontos de referência devem ter uma combinação única de função ou função/rótulo/título (ou seja, nome acessível). 2.12%
Os pontos de referência devem ter uma combinação única de role ou role/etiqueta/título (ou seja, um nome acessível).
9. Os elementos não devem ter um índice de tabulação superior a zero. 1.63%
Para evitar uma ordem de tabulação inesperada que pareceria perder alguns componentes completamente, um atributo tabindex nunca deve ter um valor maior que 0.
10. As ligações devem distinguir-se sem recorrer à cor. 1.49%
Certifique-se de que as pessoas que não conseguem distinguir as cores conseguem perceber quando o texto é uma hiperligação, verificando se a hiperligação tem um estilo distinto que não depende da cor ou uma diferença de contraste superior a 3:1, o que indica que é necessário efetuar um teste manual.
Ready to validate your sites?
Start your trial today.