Por que devemos ter várias opções de contraste?
Cada pessoa enxerga a tela do computador ou do celular de um jeito diferente. Por isso, ter apenas uma opção de cor não funciona para todo mundo.
Pessoas com baixa visão, daltonismo ou sensibilidade à luz precisam de diferentes ajustes visuais. Quando oferecemos várias opções de contraste, nós damos o controle para o usuário. Assim, ele pode escolher a cor e a luz que deixam a leitura mais fácil e confortável.
O que dizem as regras
As principais normas de acessibilidade do Brasil e do mundo, como a ABNT NBR 17225 e a WCAG 2.2, exigem que os sites tenham um bom contraste.
Para medir isso, as normas usam um valor chamado "razão de contraste". Funciona assim:
- Textos normais: a diferença de cor entre a letra e o fundo deve ser de, pelo menos, 4,5 para 1.
- Textos grandes e botões: a diferença deve ser de, pelo menos, 3 para 1.
- O ideal (recomendação de excelência): a diferença para textos deve chegar a 7 para 1.
O que devemos fazer na prática
Para atender a todos os usuários, a melhor solução é colocar um painel de ajustes (ou um plugin de acessibilidade) no site com as seguintes opções:
- Alto contraste claro: fundo bem claro e letras bem escuras. Ajuda quem tem baixa visão ou daltonismo.
- Alto contraste escuro: fundo escuro e letras claras. Excelente para quem tem sensibilidade à luz (fotofobia).
- Baixa saturação (cores menos vivas): ajuda pessoas com sensibilidade visual ou epilepsia.
- Tela em preto e branco (monocromático): facilita a leitura para pessoas com dificuldade em perceber as cores.
- Cores personalizadas: permite que o usuário escolha a cor exata do fundo e do texto para reduzir o cansaço dos olhos.
Ferramentas para ajudar no trabalho
- Testadores de contraste: você pode usar ferramentas gratuitas na internet, como o WebAIM Contrast Checker ou o aplicativo Colour Contrast Analyser (CCA). Eles dizem na hora se as cores que você escolheu passam na regra do contraste.
- Ferramentas assistivas: existem soluções prontas (plugins) que você instala no site. Elas já vêm com botões fáceis para o usuário ligar o alto contraste ou mudar as cores da tela com um clique só.
Atenção à Lei
Ter um bom contraste não é apenas para deixar o site bonito, é um direito do usuário.
No Brasil, a Lei Brasileira de Inclusão (LBI) exige que os sites sejam acessíveis para pessoas com deficiência. Em outros países, leis como o ADA (nos Estados Unidos) e o EAA (na Europa) também punem empresas que têm sites difíceis de usar. Garantir o contraste é cumprir a lei e respeitar as pessoas.