Os 10 problemas sérios de accesibilidade mais comuns em Portugal
Estes são os principais problemas do A11Y encontrados nos sítios Web mais importantes de Portugal. A lista de sítios Web foi organizada por Ruben Ferreira Duarte, formador em A11Y e editor do blogue DXD
Última atualização: sexta-feira, 1 de agosto de 2025
1. Os elementos devem respeitar os limiares mínimos do rácio de contraste da cor. 54.12%
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. 23.69%
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. 10.72%
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. Os elementos devem ter o seu texto visível como parte do seu nome acessível. 2.79%
A etiqueta visível dos itens interactivos etiquetados através do seu conteúdo deve ser incluída no seu nome acessível.
5. Os controlos interactivos não devem ser aninhados. 2.56%
Os leitores de ecrã não anunciam controlos interactivos aninhados.
6. Os elementos <li> devem estar contidos num <ul> ou <ol>. 2.34%
Todos os itens da lista (li) devem ter elementos pais ul ou ol.
7. <ul> e <ol> devem conter apenas elementos <li>, <script> ou <template> directamente. 1.23%
As listas devem ser corretamente marcadas, o que significa que não podem conter componentes de conteúdo que não sejam elementos li.
8. Os elementos <svg> com o papel img devem ter um texto alternativo. 0.93%
Garante que os elementos <svg> com os papéis img, graphics-document ou graphics-symbol tenham um texto alternativo que seja acessível.
9. As ligações devem distinguir-se sem recorrer à cor. 0.84%
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.
10. Os elementos não devem ter um índice de tabulação superior a zero. 0.78%
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.
Ready to validate your sites?
Start your trial today.