Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

G14: Garantir que as informações transmitidas através de cores diferentes estão também disponíveis em texto

Aplicabilidade

Todas as tecnologias que suportem cor e texto.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é garantir que, quando são utilizadas cores diferentes para transmitir informação, tais como campos de formulário obrigatórios, a informação transmitida através de cores diferentes é também transmitida de forma explícita em texto.

Exemplos

Exemplo 1: Um calendário codificado por cores

O calendário de sessões numa conferência de tecnologia está organizado em três faixas. As sessões na Faixa 1 são apresentadas sobre um fundo azul. As sessões na Faixa 2 são apresentadas sobre um fundo amarelo. As sessões na Faixa 3 são apresentadas sobre um fundo verde. Após o nome de cada sessão encontra-se um código que identifica a faixa no texto: F1 para Faixa 1, F2 para Faixa 2 e F3 para a Faixa 3.

Exemplo 2: Um calendário codificado por cores com ícones

O calendário de sessões numa conferência de tecnologia está organizado em três faixas. Junto ao título de cada sessão encontra-se um ícone a cores que identifica a que faixa corresponde: ícones azuis identificam a Faixa 1, ícones amarelos identificam a Faixa 2 e ícones verdes identificam a Faixa 3. Cada ícone está associado a uma leitura alternativa em texto com o título "Faixa 1", "Faixa 2" ou "Faixa 3", conforme adequado.

Exemplo 3: Um formulário com campos obrigatórios

Um formulário inclui vários campos obrigatórios. As etiquetas para os campos obrigatórios são apresentadas a vermelho. Além disso, no final de cada etiqueta existe um asterisco, *. As instruções para se preencher o formulário indicam que "todos os campos obrigatórios são apresentados a vermelho e assinalados com um asterisco *", seguido de um exemplo.

Nota: Nem todos os leitores de ecrã lêem os asteriscos (em todos os modos de leitura) e pode ser difícil para os utilizadores com baixa visão, visto que os asteriscos são apresentados num tamanho mais pequeno do que o texto predefinido. É importante que os autores incluam texto a informar que o asterisco é utilizado, e considerem aumentar o tamanho do asterisco apresentado.

Exemplo 4: Um formulário com um botão Submeter verde

Uma candidatura online a um empréstimo explica que os botões verdes avançam no processo e os botões vermelhos cancelam o processo. Um formulário inclui um botão verde que contém o texto Avançar. As instruções indicam "Pressione o botão Avançar para submeter os seus resultados e prosseguir para o passo seguinte".

Recursos

Não existem recursos disponíveis para esta técnica.

Testes

Procedimento

Para cada item em que são utilizadas cores diferentes para transmitir informação.

  1. Verifique se a informação transmitida está também disponível em texto e se o texto não é conteúdo limitado.

Resultados Esperados