Os 10 problemas críticos de accesibilidade mais comuns

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

Certas funções ARIA devem ser incluídas em roles parentais específicas, de modo a desempenharem as funções de acessibilidade pretendidas.

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.

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.

Alguns valores ARIA role em elementos pais devem conter elementos filhos específicos e valores role para executar a função de acessibilidade pretendida.

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.

Cada elemento do formulário deve ter um elemento label associado a ele.

Para cada elemento de seleção deve ser incluído um elemento de etiqueta com uma associação programática.

Ensures that input buttons have legible text.

Without an accessible name, screen reader users cannot determine the purpose of a input type="button".

Devem estar presentes valores válidos para as propriedades ARIA que começam por aria-.

Para cumprir o objetivo de acessibilidade pretendido, estes valores têm de ser escritos corretamente e estar relacionados com valores que façam sentido para uma determinada propriedade.