Ramplifica

Início

Requisitos

Glossário

Sobre o Projeto

Início

Requisitos

Glossário

Sobre o Projeto

5.1.1.18 - Requisitos para uso da cor

Descrição

A cor não pode ser a única forma de transmitir informação. Qualquer elemento de interface do usuário que dependa de cor para a sua compreensão deve ter uma outra forma de compreensão que não dependa apenas da cor.
Exemplo : Botões de “cancelar” e “enviar” um formulário utilizam as cores vermelha e verde, mas também possuem um rótulo acessível.

Desempenho funcional

sem visão
com visão limitada
sem percepção da cor

Componentes aplicáveis

Texto
Botão
Campo de Formulário
Link
Rótulo

Cenários para desenvolvimento de interfaces

Designers

Ao criar elementos que utilizam cores para transmitir informações (como alertas ou status), inclua também outras pistas visuais, como ícones, textos ou padrões, para garantir que usuários com daltonismo ou deficiências visuais possam entender a informação sem depender apenas da cor.

Desenvolvedores

No código, certifique-se de que a lógica de exibição de elementos críticos, como mensagens de erro ou status, inclua textos ou ícones descritivos além das cores. Use atributos semânticos, como aria-label ou role, para fornecer informações adicionais para tecnologias assistivas.

Gerentes

Garanta que a equipe siga boas práticas de design e desenvolvimento que incluam múltiplas formas de transmitir informação, promovendo a acessibilidade e evitando a dependência exclusiva da cor para comunicação.

Testadores

Verificar uso de cores

Ao testar elementos de interface, confirme que a cor não seja a única forma de transmitir informações.

Adicionar alternativas visuais

Sempre que uma cor estiver sendo usada para indicar um estado (por exemplo, sucesso, erro ou alerta), certifique-se de que haja um texto, ícone, padrão ou outra indicação visual que acompanhe a cor.

Simular deficiência visual

Use ferramentas que simulam diferentes tipos de daltonismo ou baixa visão para garantir que a informação transmitida pela interface ainda seja compreensível sem a distinção de cores.

Testar com leitores de tela

Certifique-se de que as informações adicionais (como mensagens de erro ou ícones explicativos) sejam interpretadas corretamente por tecnologias assistivas.

Revisar gráficos e tabelas

Em gráficos, use padrões, texturas ou rótulos para diferenciar categorias, além de cores. Tabelas e gráficos devem ter legendas ou descrições que identifiquem as informações de forma não dependente da cor.

Testar formulários e estados interativos

Verifique se botões ou links que mudam de cor ao receber foco têm outras formas de indicar seu estado, como sublinhado ou bordas visíveis.

Documentar casos específicos

Se houver casos em que a cor seja usada, anote como foi implementada a solução alternativa para garantir que todas as informações sejam acessíveis a usuários com deficiências visuais.

Conteudistas

Ao escrever conteúdos que se relacionam a cores, como instruções ou explicações, descreva as informações sem depender exclusivamente da cor, garantindo que os usuários possam entender o conteúdo por outros meios.

POR VOCÊ TER ACESSADO ESTE REQUISTO

Recomenda-se

Requisitos para Texto

5.1.1.7-Requisitos para nomes acessíveis
Os nomes acessíveis devem conter os rótulos dos elementos. Para os elementos que possuam rótulos em texto ou imagens de texto, o nome acessível deve conter todo o rótulo. Sempre que possível, o texto do rótulo deve estar no começo do nome acessível.
5.1.1.15-Requisitos para indicar o foco de navegação
Deve haver indicador de foco de navegação. Os aplicativos devem permitir que recursos de tecnologia assistiva que suportam indicador de foco visível em navegação sequencial, como leitores de tela, exibam esse indicador adequadamente.
5.1.1.16-Requisitos para elementos de interface de itens em sequência
Os elementos de interface de itens em sequência ou que exigem paginação devem situar o usuário. Deve ficar claro para o usuário a quantidade de etapas, o intervalo mostrado, o seu posicionamento atual e o número de itens totais quando uma ação exige interação em itens sequenciais.

Ver todos os 8 Requisitos sobre componentes com Texto

Requisitos para Campo de Formulário

5.1.1.4-Requisito para elementos interativos e de interface
Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.
5.1.1.7-Requisitos para nomes acessíveis
Os nomes acessíveis devem conter os rótulos dos elementos. Para os elementos que possuam rótulos em texto ou imagens de texto, o nome acessível deve conter todo o rótulo. Sempre que possível, o texto do rótulo deve estar no começo do nome acessível.
5.1.1.8-Requisitos para descrição de elementos de interface interativos
Elementos de interface interativos devem descrever sua funcionalidade de forma clara, para a compreensão mesmo fora do contexto. Elementos como botões, links e ícones devem ser compreendidos mesmo fora do contexto. Esses elementos devem ter atributos ou alternativas textuais que descrevem sua funcionalidade aos usuários de tecnologia assistiva. Em caso de elementos que se repetem na interface, cada um deles deve fazer referência a qual objeto ou contexto a ação ou funcionalidade está relacionada.

Ver todos os 17 Requisitos sobre componentes com Campo de Formulário

Requisitos para Rótulo

5.1.1.4-Requisito para elementos interativos e de interface
Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.
5.1.1.5-Requisito para cabeçalho e rótulos
Deve haver cabeçalhos e rótulos para organizar a estrutura da aplicação. A aplicação deve estar estruturada por meio de elementos de cabeçalho em títulos de seção e rótulos em campos de entradas de dados, permitindo que usuários de tecnologia assistiva compreendam melhor sua organização. O uso desses recursos possibilita a localização do conteúdo de forma mais rápida.
5.1.1.6-Requisito para organização de elementos funcionais e nomes acessíveis
Deve ser mantida a mesma organização de elementos funcionais e nomes acessíveis ao longo de toda a aplicação. Os elementos funcionais devem manter-se na mesma posição e com a mesma descrição acessível. Isso facilita a compreensão e acelera o aprendizado do usuário

Ver todos os 13 Requisitos sobre componentes com Rótulo

Ramplifica

Acessibilidade para todos a partir da tecnologia

Requisitos

Glossário

Sobre o Projeto

© 2024 Erik Henrique da Costa Nunes.

Este site é produto da dissertação para Mestrado produzida por Erik Henrique da Costa Nunes, com Orientação da Dra. Ingrid Teixeira Monteiro e Co-orientação do Dr. David Campelo.

Foi construído no Mestrado em Computação da UFC em Quixadá.