Rótulo de campo descritivo
O que a norma pede
O rótulo diz o propósito do campo, sozinho ou junto com o nome do grupo em que o campo está.
Formas de atender
Basta uma delas. A primeira é a preferida; as demais são alternativas para exceções.
- Uma forma de atender: cada rótulo identifica sozinho o propósito do campo.
- Outra forma: o rótulo, somado ao nome do grupo de campos, identifica o propósito.
- 2.4.6 (AA)
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:
Agrupe campos relacionados sob um título de grupo e, quando não houver grupo, use rótulos completos. Rótulos vagos como “Nome” ou “Data” geram erros, principalmente em formulários com dados de mais de uma pessoa.
Dados de responsável e de estudante
O formulário de matrícula pede dados de duas pessoas.
Errado: Rótulos vagos
No protótipo
Nome / CPF / Nome / CPF
Não se sabe qual é de quem.
Certo: Grupos nomeados
No protótipo
Grupo “Responsável”: Nome, CPF. Grupo “Estudante”: Nome, Data de nascimento.
O contexto resolve a dúvida.
Use fieldset e legend para que o leitor de tela anuncie o nome do grupo junto do rótulo, como “Responsável, Nome”. Não dependa só da posição na tela para dar contexto ao campo.
Dados do responsável
Implementação do grupo.
Errado: Título solto
<h3>Responsável</h3> <label for="n1">Nome</label><input id="n1">O leitor anuncia só “Nome”.
Certo: Grupo semântico
<fieldset> <legend>Responsável</legend> <label for="n1">Nome</label><input id="n1"> </fieldset>O leitor anuncia “Responsável, grupo. Nome”.
Acompanhe os campos com mais erros de preenchimento e priorize os formulários que pedem dados de várias pessoas. Dados trocados entre campos geram cadastros errados e indeferimentos.
Erros em matrículas
Muitas matrículas chegam com dados do responsável no lugar dos do estudante.
Errado: Culpa da pessoa
Decisão
“As pessoas não prestam atenção.”
O erro continua.
Certo: Melhora no formulário
Decisão
Grupos nomeados e rótulos específicos.
Os erros caem.
Ouça cada campo com o leitor de tela e confira se o anúncio, com grupo e rótulo, deixa claro o que preencher. Registre rótulos repetidos ou vagos.
Formulário de matrícula
Teste com leitor de tela.
Errado: Ambíguo
“Nome, campo de edição”
“Nome, campo de edição”
Dois “Nome” sem contexto.
Certo: Claro
“Responsável, grupo. Nome, campo de edição”
“Estudante, grupo. Nome, campo de edição”
Cada campo tem contexto.
Escreva rótulos que respondam o que exatamente vai no campo, dizendo de quem é o dado, como “Nome do responsável”, ou de que é a data, como “Data de nascimento”.
Campo de data
Formulário de pedido de benefício.
Errado: Vago
Rótulo
“Data”
Data de quê?
Certo: Específico
Rótulo
“Data em que começou a trabalhar”
Não há dúvida.