Características sensoriais
O que a norma pede
Instruções para entender e usar o conteúdo não dependem só de características sensoriais, como forma, cor, tamanho, posição na tela, orientação ou som.
- 1.3.3 (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ê nomes visíveis aos elementos citados em instruções e não oriente a pessoa só pela posição ou pela cor. “O botão redondo à direita” não existe para quem não vê a tela ou vê o leiaute reorganizado no celular.
Instrução do painel
Um aviso orienta como prosseguir.
Errado: Só posição e forma
Na tela
“Use o botão redondo à direita para continuar.”
No celular o botão fica embaixo; o leitor não vê formas.
Certo: Nome do botão
Na tela
“Use o botão ‘Continuar’ para seguir.”
Funciona em qualquer tela e leitor.
Garanta que o nome citado numa instrução seja o nome acessível do elemento. Acompanhe todo aviso sonoro de uma mensagem em texto.
Alerta de tempo
O sistema avisa que a sessão vai expirar.
Errado: Só som
new Audio("bipe.mp3").play();Quem não ouve não percebe o aviso.
Certo: Som e texto
new Audio("bipe.mp3").play(); status.textContent = "Sua sessão expira em 2 minutos.";O aviso chega por mais de um sentido.
Inclua a revisão de instruções no processo de conteúdo, começando pelos tutoriais e pela ajuda do serviço. Instruções que dependem de um sentido excluem quem não o tem.
Tutorial do serviço
Um tutorial em texto explica o passo a passo.
Errado: Baseado no visual
Situação
“Clique no ícone verde no canto superior.”
Quem usa leitor de tela não segue o tutorial.
Certo: Baseado em nomes
Situação
“Escolha ‘Novo pedido’ no menu.”
Todos seguem.
Leia as instruções e mensagens procurando referências só à cor ou à posição dos elementos. Cada uma também precisa citar um nome ou texto identificável; confira com leitor de tela e em tela estreita.
Instrução com posição
Teste em celular e leitor de tela.
Errado: Instrução impossível
Observação
“Botão à direita” — no celular, o botão está embaixo.
Depende de característica sensorial.
Certo: Instrução com nome
Observação
“Botão ‘Continuar’” — encontrado pelo nome.
Atende ao requisito.
Cite botões e campos pelo nome e, se mencionar cor ou posição, acrescente o nome. Evite “veja abaixo” ou “em vermelho” sozinhos.
Aviso de campos obrigatórios
Texto de ajuda do formulário.
Errado: Só cor
Texto
“Os campos em vermelho são obrigatórios.”
Depende de ver cores.
Certo: Símbolo explicado
Texto
“Os campos marcados com * (asterisco) são obrigatórios.”
Funciona para todos.