Os 10 problemas 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: sábado, 1 de fevereiro de 2025
1. Os elementos devem respeitar os limiares mínimos do rácio de contraste da cor. 32.69%
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. 31.31%
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. 14.25%
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. 6.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. As imagens devem ter texto alternativo. 4.10%
Para expressar o seu objetivo e significado aos utilizadores de leitores de ecrã, todas as imagens devem incluir texto alternativo.
6. Os níveis das rubricas só devem aumentar uma unidade. 3.05%
As etiquetas dos elementos h1
a h6
devem estar numa ordem sequencial para que os títulos estejam numa ordem lógica correta.
7. Os botões devem ter um texto percetível. 2.23%
Para os utilizadores de leitores de ecrã, os botões devem incluir texto reconhecível que especifique o destino, a finalidade, a função ou a ação.
8. O texto alternativo das imagens não deve ser repetido como texto. 2.11%
Quando o texto do botão e da ligação num valor de propriedade alt
se repete, os utilizadores de leitores de ecrã ouvem a mesma informação duas vezes, tornando o texto alternativo inútil e confuso.
9. Os elementos <li> devem estar contidos num <ul> ou <ol>. 1.82%
Todos os itens da lista (li
) devem ter elementos pais ul
ou ol
.
10. Os elementos devem ter o seu texto visível como parte do seu nome acessível. 1.68%
A etiqueta visível dos itens interactivos etiquetados através do seu conteúdo deve ser incluída no seu nome acessível.
Ready to validate your sites?
Start your trial today.