Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Estrutura e ordem de leitura: por que aparência e código devem corresponder
O que é visualmente reconhecível como título, lista ou tabela também deve estar marcado como tal no código. Um parágrafo em negrito não é um título para um leitor de tela, e uma enumeração alinhada com espaços não é uma lista. Além disso, a ordem no código deve corresponder à ordem de leitura sensata.
- O teste prático é a lista de títulos: quem a chama obtém um índice de conteúdos da página. Se os títulos estão faltando ou apenas visuais, a lista está vazia — e a página deve ser ouvida de cima para baixo.
- A ordem de leitura frequentemente se desalinhas em layouts modernos: um elemento puxado para cima por grade CSS está mais abaixo no código. Pessoas com visão o veem primeiro, usuários de leitor de tela o veem por último. Nosso verificador compara a ordem visual com a ordem DOM.
- Campos de formulário também pertencem aqui: um campo de entrada precisa de um rótulo vinculado programaticamente. Texto ao lado que parece visualmente um rótulo não é suficiente.