Skip to main content

Os 10 problemas sérios de accesibilidade mais comuns

Web developers de todo o mundo encontraram
92 milhões de A11Y problemas
em 12 milhões de páginas web verificadas.
Eis os problemas mais comuns detectados pelo Rocket Validator.

Última atualização: quinta-feira, 23 de outubro de 2025

1. Os elementos devem respeitar os limiares mínimos do rácio de contraste da cor. 53.76%

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. As ligações devem ter um texto percetível. 18.76%

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.

3. Todos os alvos tácteis devem ter 24px de tamanho ou deixar espaço suficiente. 14.27%

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.

4. As ligações devem distinguir-se sem recorrer à cor. 3.20%

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.

5. Os elementos não devem ter um índice de tabulação superior a zero. 2.65%

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.

6. Os elementos devem ter o seu texto visível como parte do seu nome acessível. 2.52%

A etiqueta visível dos itens interactivos etiquetados através do seu conteúdo deve ser incluída no seu nome acessível.

7. Os elementos <li> devem estar contidos num <ul> ou <ol>. 1.84%

Todos os itens da lista (li) devem ter elementos pais ul ou ol.

8. Os controlos interactivos não devem ser aninhados. 1.36%

Os leitores de ecrã não anunciam controlos interactivos aninhados.

9. <ul> e <ol> devem conter apenas elementos <li>, <script> ou <template> directamente. 0.98%

As listas devem ser corretamente marcadas, o que significa que não podem conter componentes de conteúdo que não sejam elementos li.

10. Scrollable region must have keyboard access. 0.67%

Elements with scrollable content must be keyboard-accessible.

Mudar para inglês ou espanhol

Ready to validate your sites?
Start your trial today.