Nota: Para recolha das evidências relativas a esta lista de verificação utilize o ficheiro Excel: Recolha de evidências da Lista de verificação “10 aspetos críticos de acessibilidade funcional para aplicações móveis” (xlsx, 226KB)
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:
- Recolha a cor da letra
- Recolha a cor do fundo sobre o qual a letra se encontra
- Coloque os valores de 1 e 2 numa calculadora de contrastes
- Verifique que o rácio de contraste é superior ou igual a 4.5 para 1
Passa, se:
- a condição #4 é verdadeira.
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:
- Recolha a cor da letra
- Recolha a cor do fundo sobre o qual a letra se encontra
- Coloque os valores de 1 e 2 numa calculadora de contrastes
- Verifique que o rácio de contraste é superior ou igual a 3 para 1
Passa, se:
- a condição #4 é verdadeira.
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
- Recolha a cor do fundo ou do contorno do botão, do ícone, da caixa de edição ou do gráfico.
- Recolha a cor do fundo sobre o qual o elemento se encontra
- Coloque os valores de 1 e 2 numa calculadora de contrastes
- Verifique que o rácio de contraste é superior ou igual a 3 para 1
Passa, se:
- a condição #4 é verdadeira.
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:
- 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:
- a condição #1 é verdadeira.
Para todos os campos obrigatórios ou mensagens de erro existentes na página Web identificáveis pelas diferenças de cor:
- Verifique que existe uma forma não baseada na cor que permite identificar os campos obrigatórios ou as mensagens de erro.
Passa, se:
- a condição #1 é verdadeira.
Referências: