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.

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.

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

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.

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.

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

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.

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.

A marcação de tabelas de dados pode ser entediante e desconcertante. As tabelas devem ser marcadas semanticamente e ter a estrutura de cabeçalho correta. A navegação nas tabelas é facilitada pelas funcionalidades dos leitores de ecrã, mas para que estas capacidades funcionem corretamente, as tabelas devem ser marcadas com precisão.