Skip to main content

Os 10 problemas de accesibilidade mais comuns

Web developers de todo o mundo encontraram
78 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: terça-feira, 3 de dezembro de 2024

1. Todo o conteúdo da página deve ser contido por pontos de referência. 39.30%

A prática recomendada é manter todo o conteúdo, excluindo os skip links, em áreas designadas como o header, nav, main e footer.

2. Os elementos devem respeitar os limiares mínimos do rácio de contraste da cor. 30.21%

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.

3. As ligações devem ter um texto percetível. 10.04%

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. 9.62%

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. Os níveis das rubricas só devem aumentar uma unidade. 2.39%

As etiquetas dos elementos h1 a h6 devem estar numa ordem sequencial para que os títulos estejam numa ordem lógica correta.

6. As imagens devem ter texto alternativo. 1.78%

Para expressar o seu objetivo e significado aos utilizadores de leitores de ecrã, todas as imagens devem incluir texto alternativo.

7. Os elementos devem ter o seu texto visível como parte do seu nome acessível. 1.74%

A etiqueta visível dos itens interactivos etiquetados através do seu conteúdo deve ser incluída no seu nome acessível.

8. O documento deve ter um ponto de referência principal. 1.70%

Uma boa prática é garantir que existe apenas um marco primário para navegar para o conteúdo principal da página e, se a página tiver componentes iframe, cada um deles não deve conter marcos ou deve conter um único marco.

9. Os elementos na ordem de focagem devem ter um rol adequado. 1.66%

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.

10. O texto alternativo das imagens não deve ser repetido como texto. 1.57%

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.

Mudar para inglês ou espanhol

Ready to validate your sites?
Start your trial today.