Acessibilidade ≠ Overlay: quando não é possível preencher um formulário com um leitor de ecrã
Um formulário acessível é mais do que um conjunto de campos. Todas as pessoas devem conseguir compreendê-lo, preenchê-lo, rever os dados e enviá-lo com o teclado e um leitor de ecrã.
O problema começa antes de escrever
Um campo pode ser visualmente claro, mas ser anunciado apenas como «caixa de edição». Sem uma etiqueta associada, não se sabe se pede o nome, o e-mail ou o telefone.
Etiquetas, instruções e campos obrigatórios
Cada controlo precisa de um nome acessível e de uma etiqueta HTML corretamente associada quando aplicável. Os campos obrigatórios e os formatos esperados devem ser explicados antecipadamente; o texto de exemplo não substitui a etiqueta.
A ordem do teclado também conta
A tecla Tab deve percorrer os controlos numa sequência lógica. Seletores, caixas de verificação, botões e calendários devem funcionar sem rato, com foco visível e sem saltos inesperados.
Erros compreensíveis e corrigíveis
Uma margem vermelha não explica o erro. É necessário identificá-lo por texto, associá-lo ao campo e permitir a correção sem perder os dados. As mensagens dinâmicas devem ser anunciadas corretamente.
Rever e confirmar antes de enviar
Em compras e operações importantes, deve ser possível rever e confirmar a informação quando adequado. O botão de envio precisa de um nome claro e o resultado deve ser comunicado de forma acessível.
O que dizem as WCAG
As WCAG 2.2 abrangem etiquetas e instruções (3.3.2), identificação de erros (3.3.1), nome, função e valor dos controlos (4.1.2) e utilização por teclado (2.1.1). É indispensável testar o funcionamento real.
Como ajuda o Blind Reader
O Blind Reader pode explicar a finalidade da página, ajudar a encontrar formulários, orientar a navegação e apoiar a interação por voz. Também aplica correções automáticas específicas, incluindo a comunicação de campos obrigatórios. Complementa formulários bem desenvolvidos.
Um teste simples antes de publicar
Preencha o formulário com o teclado e com NVDA, VoiceOver ou outro leitor de ecrã. Identifique cada campo, provoque um erro, corrija-o e confirme o envio. Se alguma etapa falhar, permanece uma barreira.
Fontes e referências
Um formulário é acessível quando a pessoa consegue concluir a tarefa, não apenas quando o consegue ver.
Edição 18 · Acessibilidade ≠ Overlay