Projetar conteúdo que possa ser usado por pessoas com daltonismo é uma ótima maneira de torná-lo mais acessível para o público em geral. Pessoas com daltonismo têm dificuldade em diferenciar entre certas cores, como vermelho, verde ou azul. Algumas pessoas daltônicas não conseguem ver nenhuma cor, o que dificulta a navegação em sites e aplicativos que dependem muito das cores. Usando algumas dicas e orientações simples, você pode tornar suas informações fáceis de usar para todos que clicarem nelas, independentemente das cores que podem (ou não) ver.
Passos
Método 1 de 2: texto e plano de fundo
Etapa 1. Escolha cores contrastantes para texto e fundos
As cores muito semelhantes entre si podem ser difíceis de distinguir para quem é daltônico. Ao escolher as cores do texto e do plano de fundo, opte por aquelas que se destacam umas das outras.
Preto no branco ou branco no preto é uma escolha óbvia, mas você também pode usar azul e amarelo, amarelo e violeta ou azul escuro e preto
Etapa 2. Escolha combinações de cores como azul / amarelo e laranja / roxo
Pessoas com daltonismo conseguem ver algumas cores melhor do que outras. Ao escolher combinações de cores, tente ficar com:
- Azul e amarelo
- Marrom e azul
- Laranja e roxo
- Verde e roxo
- Amarelo e rosa
- vermelho e azul
Etapa 3. Fique longe de verde / vermelho, verde / marrom e azul / roxo
A maioria dos daltônicos tem problemas com combinações de cores específicas. Fique longe dessas cores para tornar seu design legível.
Você também deve evitar verde e azul, pois esses tons podem ser muito semelhantes entre si
Etapa 4. Use cores brilhantes e fortes
Pastéis e cores claras tendem a desbotar uns nos outros, especialmente para pessoas com daltonismo. Use neon ou cores primárias para ajudá-los a diferenciar entre todas as cores da página.
Etapa 5. Mantenha a paleta de cores mínima
Quanto menos cores você usar, mais evitará confusão. Não existe uma regra rígida e rápida para isso, mas quanto menos, melhor!
Por exemplo, você pode escolher 3 cores e mantê-las como tema para sua página da web
Método 2 de 2: imagens e links
Etapa 1. Sublinha os links clicáveis
Normalmente, os links são destacados em cores, mas pessoas com daltonismo podem ter problemas para vê-los. Se houver um link clicável, sublinhe-o e também realce-o na página.
Se você não quiser sublinhar, coloque o texto em negrito
Etapa 2. Incluir símbolos e chaves
Pessoas com daltonismo podem ter problemas para entender gráficos e tabelas baseados apenas em cores. Certifique-se de incluir símbolos e chaves na lateral da imagem como referência.
- Por exemplo, você pode colocar um código de cor na lateral do gráfico para explicar o que cada cor significa.
- Ou você pode usar símbolos em um mapa para rotular diferentes áreas, como acampamentos e banheiros.
Etapa 3. Adicionar textura a mapas, tabelas e gráficos
As cores sólidas podem ser difíceis de distinguir. Tente usar linhas, pontos e marcas de hash para diferenciar seções em gráficos, mapas e tabelas.
- Esta é uma ótima ideia para gráficos de barras e gráficos de pizza.
- Você pode usar textura e cor em suas imagens, então você não precisa alterá-las completamente.
Etapa 4. Contorne as seções nos mapas
Se você estiver usando cores para diferenciar estados ou bordas, use um contorno preto também. Isso ajudará as pessoas com daltonismo, uma vez que serão capazes de ver as linhas pretas.
Essa é uma ótima maneira de fazer com que suas imagens também se destaquem mais
Etapa 5. Rotular as informações sem usar cores
Gráficos de pizza, gráficos e sistemas de transporte geralmente usam cores para diferenciar seções ou métodos. Identifique as informações com palavras e também com cores para torná-las acessíveis para pessoas com daltonismo.
- Por exemplo, se estiver usando um gráfico de pizza, você pode rotular cada seção, bem como usar cores diferentes para separá-las.
- Alguém com daltonismo (que só pode ver em preto e branco) não será capaz de usar uma chave de cor.
