Textos de ajuda previsíveis
O que a norma pede
Textos de ajuda de formulários (instruções, exemplos, formatos) ficam numa posição previsível em relação aos campos, sempre no mesmo lugar.
- 3.3.2 (A)
Parecido na NBR 17060
A NBR 17060 trata de aplicativos. Se o seu serviço também tem app, veja o que a Bússola da NBR 17060 diz sobre o mesmo assunto:
Visões por perfil
Escolha um perfil para ver o que o requisito pede de quem ocupa esse papel:
Defina um lugar fixo para a ajuda dos campos, entre o rótulo e o campo ou logo abaixo dele, igual em todos os formulários. Evite ajuda que só aparece em dicas flutuantes.
Ajuda de formato do CEP
O campo precisa explicar o formato.
Errado: Ajuda em lugares variados
No protótipo
CEP: ajuda num “?”; CPF: ajuda no rodapé; Data: ajuda à direita.
A pessoa não sabe onde procurar.
Certo: Ajuda sempre abaixo do rótulo
No protótipo
Todos os campos: rótulo, ajuda em texto menor, campo.
A ajuda está sempre no mesmo lugar.
Implemente a ajuda no componente de campo padrão, sempre na mesma posição, e ligue-a ao campo com aria-describedby para que o leitor de tela a anuncie.
Campo de CEP
Implementação da ajuda.
Errado: Ajuda solta
<label for="cep">CEP</label> <input id="cep"> … <small>Somente números</small> <!-- no fim do formulário -->Longe do campo e sem associação.
Certo: Ajuda associada
<label for="cep">CEP</label> <p id="cep-ajuda">Somente números, 8 dígitos</p> <input id="cep" aria-describedby="cep-ajuda">Ao lado e anunciada no campo.
Inclua a posição da ajuda no componente de campo e revise os formulários que a escondem em dicas flutuantes. Ajuda previsível reduz erros e ligações ao atendimento.
Campo com mais erros
O relatório mostra que o campo de data tem 30% de erros.
Errado: Ajuda escondida
Situação
Formato da data explicado só num tooltip.
Pouca gente vê a ajuda.
Certo: Ajuda visível
Situação
“Use o formato dia/mês/ano, por exemplo 05/03/1990” acima do campo.
Os erros caem.
Confira se todos os textos de ajuda aparecem no mesmo lugar em relação ao campo e se o leitor de tela os anuncia ao chegar no campo. Registre as ajudas fora do padrão.
Campo de CEP
Teste com leitor de tela.
Errado: Ajuda não anunciada
Leitor de tela anuncia: “CEP, campo de edição”
A regra de formato não chega.
Certo: Ajuda anunciada
Leitor de tela anuncia: “CEP, campo de edição. Somente números, 8 dígitos”
A pessoa sabe o formato.
Escreva ajudas curtas, de uma ou duas frases, com um exemplo concreto do que a pessoa precisa saber para acertar de primeira. Mantenha o mesmo estilo em todos os campos.
Ajuda do campo de data
Texto de ajuda da data de nascimento.
Errado: Ajuda técnica
Ajuda
“Formato DD/MM/AAAA conforme ISO local.”
Linguagem difícil.
Certo: Ajuda com exemplo
Ajuda
“Por exemplo: 05/03/1990.”
Mostra como fazer.