G01 - Cores

As cores não devem ser a única forma de transmitir um conteúdo e o contraste entre as cores de fundo e objetos de primeiro plano deve ser adequado para distinguir os itens e diferenciar conteúdos ou relacionar informações similares.

O conteúdo também deve ser compreendido sem imagens ou estilos e as cores devem ser utilizadas de forma adequada como um complemento para distinguir ou relacionar objetos.

Habilidades trabalhadas

Atenção, Leitura, Compreensão verbal ou linguística, Compreensão visual

Por que fazer?

Elementos que usam somente cores, sem imagens ou texto para representação da informação, podem atrair a atenção da pessoa, principalmente crianças, sem que ela compreenda o que aquele elemento significa.

Além disso, o baixo contraste entre o fundo e o texto/objeto de primeiro plano dificulta a compreensão, a legibilidade e pode prejudicar a atenção da pessoa com TEA. Entretanto, as cores dos objetos e os diferentes contrastes podem ser usados para guiar a atenção e diferenciar elementos.

Como fazer?

  • A cor de fundo deve ser diferente o suficiente da cor do objeto do primeiro plano e possui contraste adequado. Dê preferência para planos de fundo de cores claras ou branco para destacar os objetos ou textos do primeiro plano.
  • Você pode utilizar cores para diferenciar seções de um site ou relacionar conteúdos similares.
  • Cores não deve ser a única forma de transmitir um conteúdo. O conteúdo também deve ser compreendido sem imagens ou estilos. É recomendável associar rótulos textuais a elementos.
  • Em caso de dúvidas se o contraste está adequado, utilize ferramentas de verificação de contraste para comparar a cor de plano de fundo e a cor do elemento do primeiro plano.

Referências

  1. SEEMAN, L.; COOPER, M. (Org.). Cognitive Accessibility User Research. 2015.
  2. WEBAIM. Evaluating Cognitive Web Accessibility with WAVE. 2014.
  3. Sitdhisanguan, K., et al. Using tangible user interfaces in computer-based training systems for low-functioning autistic children. Personal Ubiquitous Comput. v. 16, n. 2, p. 143-155, 2012.
  4. FRIEDMAN, M. G.; BRYEN, D. N. Web accessibility design recommendations for people with cognitive disabilities. Technology And Disability, [s. L.], v. 19, n. 4, p.205-2012, jan. 2007.