kit-selo

voltar ao índice

Procedimento de teste para o
Requisito 9 - Utilize a cor de modo efetivo

As cores são elementos importantes para personalizar marcas e interfaces. A regra é usar a cor de forma criativa, mas efetiva, que funcione para vários utilizadores. Na verdade, existem apenas duas importantes considerações de acessibilidade a ter em conta: (1) usar um contraste suficiente e (2) evitar a cor como única pista visual para veicular informações importantes. Embora o uso adequado de cores seja igualmente importante em computadores, nos dispositivos móveis o uso da cor torna-se ainda mais crítico. A utilização dos dispositivos móveis nos mais diversos ambientes, com diferentes condições de luminosidade, torna a tarefa de ver o ecrã um desafio mais sensível às cores em uso. Desafio que afeta em maior ou menor grau todos os utilizadores e não apenas pessoas com dificuldades de perceção da cor ou com baixa visão.

9.1 O texto normal apresenta-se com um rácio de contraste de, no mínimo, 4.5 para 1

Para tamanhos de letra inferiores a 18pt:

  1. Recolha a cor da letra
  2. Recolha a cor do fundo sobre o qual a letra se encontra
  3. Coloque os valores de 1 e 2 numa calculadora de contrastes
  4. Verifique que o rácio de contraste é superior ou igual a 4.5 para 1

Passa, se:

Referências:

9.2 O texto grande apresenta-se com um rácio de contraste de, no mínimo, 3 para 1

Para tamanhos de letra superiores ou iguais a 18pt:

  1. Recolha a cor da letra
  2. Recolha a cor do fundo sobre o qual a letra se encontra
  3. Coloque os valores de 1 e 2 numa calculadora de contrastes
  4. Verifique que o rácio de contraste é superior ou igual a 3 para 1

Passa, se:

Referências:

9.3 As componentes de interface e as componentes gráficas apresentam-se com um rácio de contraste de, no mínimo, 3 para 1

Para botões, ícones, caixa de edição e gráficos

  1. Recolha a cor do fundo ou do contorno do botão, do ícone, da caixa de edição ou do gráfico.
  2. Recolha a cor do fundo sobre o qual o elemento se encontra
  3. Coloque os valores de 1 e 2 numa calculadora de contrastes
  4. Verifique que o rácio de contraste é superior ou igual a 3 para 1

Passa, se:

Referências:

9.4 Informação ou significado (por exemplo um erro) não é veiculado apenas pela cor

Para cada item onde a diferença de cor é usada para transmitir informação:

  1. Verifique que a informação transmitida se encontra igualmente disponível em texto e que esse texto não se apresenta de forma condicional.

Passa, se:

Para todos os campos obrigatórios ou mensagens de erro existentes na página Web identificáveis pelas diferenças de cor:

  1. Verifique que existe uma forma não baseada na cor que permite identificar os campos obrigatórios ou as mensagens de erro.

Passa, se:

Referências: