Os 10 problemas críticos 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 março de 2025
1. As imagens devem ter texto alternativo. 42.23%
Para expressar o seu objetivo e significado aos utilizadores de leitores de ecrã, todas as imagens devem incluir texto alternativo.
2. Os botões devem ter um texto percetível. 22.43%
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.
3. Certas funções ARIA devem ser contidas por pais específicos. 11.04%
Certas funções ARIA devem ser incluídas em roles
parentais específicas, de modo a desempenharem as funções de acessibilidade pretendidas.
4. O zoom e a escala não devem ser desactivados. 8.79%
O parâmetro user-scalable="no"
no elemento <meta name="viewport">
não deve ser utilizado, uma vez que impede o redimensionamento e o zoom do texto, que são necessários para pessoas com deficiências visuais.
5. Os elementos só podem utilizar atributos ARIA suportados. 4.81%
Nem todas as combinações de atributos de função ARIA são válidas. Cada função tem de ter as qualidades necessárias.
6. Certas funções ARIA devem conter determinados filhos. 4.27%
Alguns valores ARIA role
em elementos pais devem conter elementos filhos específicos e valores role
para executar a função de acessibilidade pretendida.
7. Os elementos do formulário devem ter etiquetas. 3.39%
Cada elemento do formulário deve ter um elemento label
associado a ele.
8. O elemento <select> deve ter um nome acessível. 1.32%
Para cada elemento de seleção deve ser incluído um elemento de etiqueta com uma associação programática.
9. Os atributos ARIA devem estar em conformidade com valores válidos. 1.05%
Devem estar presentes valores válidos para as propriedades ARIA que começam por aria-
.
Para cumprir o objetivo de acessibilidade pretendido, estes valores têm de ser escritos corretamente e estar relacionados com valores que façam sentido para uma determinada propriedade.
10. Elementos <td> não vazios em uma <table> maior devem ter um cabeçalho de tabela associado. 0.67%
A marcação de tabelas de dados pode ser entediante e desconcertante. As tabelas devem ser marcadas semanticamente e ter a estrutura de cabeçalho correta. A navegação nas tabelas é facilitada pelas funcionalidades dos leitores de ecrã, mas para que estas capacidades funcionem corretamente, as tabelas devem ser marcadas com precisão.
Ready to validate your sites?
Start your trial today.