Campos relacionados
O que a norma pede
Campos que formam um conjunto, como as partes de um endereço ou as opções de uma pergunta, estão agrupados no código.
- 1.3.1 (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:
Dê um título a cada grupo de campos, como as opções de uma mesma pergunta ou as partes de um endereço, e agrupe-os visualmente. Não misture assuntos diferentes num mesmo grupo.
Pergunta de escolha única
“Como prefere ser atendido?” com três opções.
Errado: Opções soltas
No protótipo
Três rádios sem a pergunta ligada a eles.
A pessoa ouve “Telefone” sem saber a pergunta.
Certo: Grupo com pergunta
No protótipo
Grupo “Como prefere ser atendido?” com Telefone, E-mail, Presencial.
As opções têm contexto.
Agrupe com fieldset e legend as opções de uma mesma pergunta e os dados compostos, como datas em campos separados. Em componentes customizados, use role="radiogroup" ou role="group" com aria-labelledby.
Preferência de atendimento
Implementação do grupo de rádios.
Errado: Sem grupo
<p>Como prefere ser atendido?</p> <input type="radio" id="t" name="a"><label for="t">Telefone</label>A pergunta não é anunciada.
Certo: Grupo
<fieldset> <legend>Como prefere ser atendido?</legend> <input type="radio" id="t" name="a"><label for="t">Telefone</label> </fieldset>O leitor anuncia a pergunta e as opções.
Inclua o agrupamento nos critérios de aceite dos formulários e garanta que o componente de opções já agrupe. Perguntas de múltipla escolha sem agrupamento são quase impossíveis de responder com leitor de tela.
Pesquisa de satisfação
A pesquisa tem 10 perguntas com opções.
Errado: Opções sem grupo
Situação
Leitor ouve “Ótimo, Bom, Ruim” 10 vezes sem as perguntas.
A pesquisa exclui quem usa leitor de tela.
Certo: Grupos por pergunta
Situação
Cada pergunta é um grupo nomeado.
Todos respondem.
Navegue pelos grupos de opções com o leitor de tela e confira se a pergunta, que é o nome do grupo, é anunciada junto com a opção. Verifique também datas divididas em mais de um campo.
Preferência de atendimento
Teste com leitor de tela.
Errado: Sem contexto
Leitor de tela anuncia: “Telefone, botão de opção, 1 de 3”
Não se sabe a pergunta.
Certo: Com contexto
Leitor de tela anuncia: “Como prefere ser atendido?, grupo. Telefone, botão de opção, 1 de 3”
A pergunta acompanha as opções.
Escreva o título do grupo como pergunta ou instrução completa, porque ele é lido junto com cada opção. Evite títulos genéricos como “Opções”.
Título do grupo
Pergunta sobre o meio de contato.
Errado: Genérico
Título do grupo
“Selecione”
Não diz o que escolher.
Certo: Pergunta completa
Título do grupo
“Por onde prefere receber o resultado?”
A escolha faz sentido.