Skip to main content

Os 10 problemas de accesibilidade mais comuns

Web developers de todo o mundo encontraram
75 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, 4 de outubro de 2024

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

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

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. Todos os alvos tácteis devem ter 24px de tamanho ou deixar espaço suficiente. 10.94%

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.

4. As ligações devem ter um texto percetível. 9.30%

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.

5. Os elementos na ordem de focagem devem ter um rol adequado. 3.76%

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.

6. As imagens devem ter texto alternativo. 3.02%

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

7. Os níveis das rubricas só devem aumentar uma unidade. 2.38%

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

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

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 <li> devem estar contidos num <ul> ou <ol>. 2.04%

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

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

Mudar para inglês ou espanhol

Ready to validate your sites?
Start your trial today.