5.1.1.19 - Requisitos relacionados a características sensoriais do usuário
Descrição
Não podem existir instruções que dependem somente das características sensoriais do usuário. As instruções fornecidas para compreender e utilizar o conteúdo não podem depender somente das características sensoriais dos elementos de interface, como forma, cor, tamanho, localização visual, orientação ou som.
Exemplo
Um botão para enviar um formulário é destacado com a cor verde e possui o rótulo “enviar formulário”. Na aplicação, quando ele é mencionado, é referenciado como “botão enviar formulário”.
Desempenho funcional
Componentes aplicáveis
Cenários para desenvolvimento de interfaces
Escolha um perfil para ver as orientações específicas:
Evite criar interfaces em que as instruções dependam apenas de atributos como cor, forma ou posição. Sempre forneça descrições textuais ou visuais complementares para guiar os usuários, garantindo que as informações sejam compreensíveis sem depender apenas das características sensoriais.
Não dependa de forma, posição ou som
Instruções devem nomear o elemento, não apenas descrever como ele parece.
Certo: Instrução pelo nome
anotação de especificação
Texto de ajuda: "Toque em Enviar formulário para concluir".
Errado: Instrução pela aparência
anotação de especificação
Texto de ajuda: "Toque no botão redondo verde à direita".
Certifique-se de que as instruções de uso dos elementos da interface sejam acessíveis por meio de texto alternativo, rótulos ou atributos semânticos, além de não dependerem de cor, forma ou som. Isso ajuda a garantir que todos os usuários, incluindo os com deficiências sensoriais, possam utilizar o conteúdo.
Alertas sonoros com alternativa
Todo aviso por som precisa de um equivalente visual e em texto.
Certo: Som + mensagem
audio.play(); status.textContent = "Tempo esgotado";Leitor de tela anuncia: "Tempo esgotado"
Errado: Só som
audio.play(); // bipe de erroLeitor de tela anuncia: nada: quem não ouve não percebe o aviso
Aprenda a fazer com conteúdos selecionados para você
Certifique-se de que as equipes criem instruções claras e acessíveis, não baseadas exclusivamente em características sensoriais, promovendo uma experiência inclusiva e compatível com diferentes habilidades sensoriais.
Revise instruções e avisos
Busque instruções que citam cor, forma, posição ou som.
Checklist do requisito 5.1.1.19: textos de instrução
- cita o nome
Ajuda do formulário
instrução
- tem texto
Aviso de tempo esgotado
alerta sonoro
- pendente
Tutorial inicial
instrução
2 de 3 itens em conformidade, 1 pendente de revisão.
Revisar instruções de uso
Ao testar a aplicação, verifique se as instruções fornecidas não dependem exclusivamente de características sensoriais (ex.: "Clique no botão vermelho" ou "Arraste o ícone do canto superior direito").
Adicionar descrições claras
Certifique-se de que as instruções incluam descrições de texto que expliquem a ação de forma objetiva (ex.: "Clique no botão com o ícone de lupa para buscar").
Verificar acessibilidade por tecnologia assistiva
Utilize leitores de tela e outras ferramentas de acessibilidade para garantir que as instruções possam ser compreendidas por usuários que não dependem das características visuais ou auditivas.
Testar diferentes contextos visuais
Simule variações visuais, como alteração de cores e tamanho de elementos, para confirmar que as instruções ainda fazem sentido.
Examinar a utilização de sons
Se houver instruções baseadas em sons (ex.: um aviso sonoro para indicar erro), garanta que essas instruções tenham uma alternativa visual ou textual para usuários com deficiência auditiva.
Verificar localização e forma
Certifique-se de que as instruções que mencionam a localização (ex.: "o botão à direita") tenham uma descrição mais completa que funcione para diferentes configurações de layout e usuários.
Siga as instruções sem ver nem ouvir
Leia cada instrução com leitor de tela e sem som e veja se ainda dá para cumpri-la.
Certo: Instruções independentes
"Toque em Enviar formulário"
"Tempo esgotado" (texto na tela)
Dá para seguir sem ver cores ou ouvir sons.
Errado: Instruções sensoriais
"Toque no botão verde à direita"
Bipe de erro, sem texto
Quem não vê ou não ouve fica sem saída.
Ao criar instruções, evite expressões que dependam de características sensoriais, como "clique no botão vermelho" ou "olhe no canto superior esquerdo". Use descrições que sejam independentes de forma, cor ou localização, como "clique no botão de enviar".
Escreva instruções pelo nome do elemento
Evite cor, forma, tamanho e posição como única referência.
Certo: Pelo nome
instrução
"Para buscar, use o botão Buscar."
Funciona para qualquer pessoa.
Errado: Pela posição e forma
instrução
"Clique no ícone redondo no canto superior direito."
Depende de visão e do layout.
Requisitos relacionados
Outros requisitos que se aplicam aos mesmos componentes.