Como tornar a indicação de campos obrigatórios e a validação do formulário acessível para usuários de leitores de tela?
-
24-09-2019 - |
Pergunta
Quando a mensagem de erro aparecerá na validação se o uso fizer algo errado, esse erro deve ser lido pelo leitor de tela? Algum leitor de tela compatível com o plug -in de validação de formulário de formulário de jQuery?
E como o usuário saberá qual campo de formulário é obrigatório?
Minha pergunta não está prestes a fazer forma com fieldset
, legend
, e label
?
Solução
Você pode usar o plug -in padrão de validação do jQuery e escrever seu próprio validate () que coleta os erros no envio e os exibe em um alerta (), em vez de depender de mostrar e ocultar o divs/sã. O alert () é considerado compatível com o leitor de tela de acordo com o WebAIM.
Outras dicas
Vá com o uso da função de alerta para exibir erros. A prática padrão parece estar colocando A * por qualquer rótulo necessário dos campos de formulários necessários.