Os 10 problemas críticos de accesibilidade mais comuns
Web developers de todo o mundo encontraram
76 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: quinta-feira, 21 de novembro de 2024
1. As imagens devem ter texto alternativo. 31.06%
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. 18.06%
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. O zoom e a escala não devem ser desactivados. 11.53%
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.
4. As imagens devem ter texto alternativo. 10.84%
Para expressar o seu objetivo e significado aos utilizadores de leitores de ecrã, todas as imagens devem incluir texto alternativo.
5. Os elementos do formulário devem ter etiquetas. 9.50%
Cada elemento do formulário deve ter um elemento label associado a ele.
6. Os elementos só podem utilizar atributos ARIA suportados. 5.52%
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.
7. Certas funções ARIA devem ser contidas por pais específicos. 5.40%
Certas funções ARIA devem ser incluídas em roles parentais específicas, de modo a desempenharem as funções de acessibilidade pretendidas.
8. Certas funções ARIA devem conter determinados filhos. 5.36%
Alguns valores ARIA role em elementos pais devem conter elementos filhos específicos e valores role para executar a função de acessibilidade pretendida.
9. O elemento <select> deve ter um nome acessível. 1.78%
Para cada elemento de seleção deve ser incluído um elemento de etiqueta com uma associação programática.
10. Elementos <td> não vazios em uma <table> maior devem ter um cabeçalho de tabela associado. 0.94%
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.