Os 10 problemas de accesibilidade mais comuns

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.

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

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.

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.

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

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

Certifique-se de que as pessoas que não conseguem distinguir as cores conseguem perceber quando o texto é uma hiperligação, verificando se a hiperligação tem um estilo distinto que não depende da cor ou uma diferença de contraste superior a 3:1, o que indica que é necessário efetuar um teste manual.

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

Os pontos de referência devem ter uma combinação única de role ou role/etiqueta/título (ou seja, um nome acessível).

Para evitar uma ordem de tabulação inesperada que pareceria perder alguns componentes completamente, um atributo tabindex nunca deve ter um valor maior que 0.