Os 10 problemas sérios de accesibilidade mais comuns
Web developers de todo o mundo encontraram
74 milhões de A11Y problemas
em 10 milhões de páginas web verificadas.
Eis os problemas mais comuns detectados pelo Rocket Validator.
Última atualização: quarta-feira, 18 de setembro de 2024
1. Os elementos devem respeitar os limiares mínimos do rácio de contraste da cor. 49.35%
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. Todos os alvos tácteis devem ter 24px de tamanho ou deixar espaço suficiente. 18.06%
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.
3. As ligações devem ter um texto percetível. 15.08%
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. Os elementos <li> devem estar contidos num <ul> ou <ol>. 3.41%
Todos os itens da lista (li) devem ter elementos pais ul ou ol.
5. Os elementos devem ter o seu texto visível como parte do seu nome acessível. 3.27%
A etiqueta visível dos itens interactivos etiquetados através do seu conteúdo deve ser incluída no seu nome acessível.
6. Os elementos ocultos pela ARIA não devem ser focalizáveis nem conter elementos focalizáveis. 2.72%
Os elementos com aria-hidden não devem conter elementos focalizáveis.
7. Os elementos só devem utilizar atributos ARIA permitidos. 2.41%
Nem todas as combinações de atributos de função ARIA são válidas. Os elementos só devem utilizar atributos ARIA permitidos.
8. As ligações devem distinguir-se sem recorrer à cor. 2.25%
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.
9. Os elementos não devem ter um índice de tabulação superior a zero. 2.21%
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. Os elementos [role=“img”] devem ter um texto alternativo. 1.24%
Os componentes com a etiqueta role="img" devem ter um texto alternativo.
Ready to validate your sites?
Start your trial today.