Os 9 problemas menores 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: sexta-feira, 22 de novembro de 2024
1. Os elementos na ordem de focagem devem ter um rol adequado. 40.38%
Quer se trate de HTML nativo ou de um widget personalizado, os elementos de entrada do utilizador têm de desempenhar as funções corretas para que o seu significado seja claro para os utilizadores de leitores de ecrã quando são focados e pousados. Se for um widget personalizado, a função do elemento deve ser corretamente exposta utilizando valores ARIA role
apropriados em vez de funções abstractas.
2. O texto alternativo das imagens não deve ser repetido como texto. 27.52%
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.
3. O role ARIA deve ser apropriado para o elemento. 13.72%
Os valores do atributo de role WAI-ARIA devem estar corretos. Isto significa que os valores devem ser escritos corretamente, estar correlacionados com os valores ARIA role
existentes e não serem papéis abstractos, de modo a apresentar corretamente o objetivo do elemento.
4. Os cabeçalhos não devem estar vazios. 9.96%
É uma boa prática certificar-se de que cada elemento de cabeçalhos, indicado pelas etiquetas <h1>
a <h6>
, contém texto.
Os utilizadores de leitores de ecrã são informados da presença de uma etiqueta de cabeçalho. Os utilizadores podem ficar confusos ou mesmo incapazes de aceder a informações sobre a estrutura da página se o cabeçalho estiver em branco ou se o texto não puder ser acedido.
5. Os usuários devem ser capazes de ampliar e dimensionar o texto até 500%. 3.64%
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.
6. Certifique-se de que os elementos marcados como de apresentação são ignorados de forma consistente. 3.39%
Certifique-se de que os elementos selecionados para remoção da árvore de acessibilidade são realmente eliminados.
7. O texto do cabeçalho da tabela não deve estar vazio. 1.39%
O texto dos componentes do cabeçalho da tabela deve ser visível. Certifique-se de que os usuários de leitores de ecrã podem acessar o cabeçalho da tabela. É preferível marcar um elemento com um td
se ele não for um cabeçalho.
8. As tabelas não devem ter o mesmo resumo e a mesma legenda. 0.01%
A marcação para tabelas de dados pode ser entediante e complexa. Certifique-se de que as propriedades da tabela de resumo e a legenda não correspondem. Existem várias capacidades nos leitores de ecrã que ajudam na navegação nas tabelas, mas para que estas funcionalidades funcionem corretamente, as tabelas devem ser marcadas com precisão.
9. As tabelas não devem ter o mesmo resumo e a mesma legenda. 0.00%
A marcação para tabelas de dados pode ser entediante e complexa. Certifique-se de que as propriedades da tabela de resumo e a legenda não correspondem. Existem várias capacidades nos leitores de ecrã que ajudam na navegação nas tabelas, mas para que estas funcionalidades funcionem corretamente, as tabelas devem ser marcadas com precisão.
Ready to validate your sites?
Start your trial today.