Como projetar para cegueira de cor

Projetando conteúdo que é utilizável para as pessoas com daltonismo é uma ótima maneira de torná-lo mais acessível para o público em geral. As pessoas com daltonismo têm dificuldade em diferenciar certas cores, como vermelho, verde ou azul. Algumas pessoas cegas de cores não podem ver nenhuma cor, dificultando a navegação sites e aplicativos que dependem fortemente de cores. Usando algumas dicas e diretrizes simples, você pode tornar suas informações fáceis de usar para todos que cliquem nele, não importa quais cores que possam (ou não podem) ver.

Passos

Método 1 de 2:
Texto e fundo
  1. Imagem intitulada de design para daleza de cores Passo 1
1. Escolha cores contrastantes para texto e fundos. Cores que são muito semelhantes umas às outras podem ser difíceis de distinguir para aqueles com daltonismo. Ao escolher cores de texto e fundo, vá para aqueles que se destacam uns contra os outros.
  • Preto em 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.
  • Imagem intitulada de design para daltidão de cores Passo 2
    2. Escolha combinações de cor como azul / amarelo e laranja / roxo. Pessoas com daltonismo são capazes de ver algumas cores melhor que outras. Quando você está escolhendo combos de cor, tente ficar com:
  • Azul e amarelo
  • Marrom e azul
  • Laranja e roxo
  • Verde e roxo
  • Amarelo e rosa
  • vermelho e azul
  • Imagem intitulada de design para daltidão de cores Passo 3
    3. Fique longe de verde / vermelho, verde / marrom e azul / roxo. A maioria das pessoas cegas tem problemas com combinações específicas de cores. 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.
  • Design intitulado de imagem para dalton de cor 4
    4. Use cores brilhantes e ousadas. Pastéis e cores pálidas tendem a desaparecer um ao outro, especialmente para pessoas com cegueira de cor. Ficar com néon ou cores primárias para ajudá-los a diferenciar entre todas as cores da página.
  • Design intitulado de imagem para dalton de cor 5
    5. Mantenha sua paleta de cores mínima. Quanto menos cores que você usa, mais você evitará confusão. Não há regra dura e rápida para isso, mas quanto menos melhor!
  • Por exemplo, você pode escolher 3 cores e ficar com eles como um tema para sua página da web.
  • Método 2 de 2:
    Imagens e links


    1. Imagem intitulada de design para daltidão de cores Passo 6
    1. Sublinhar links clicáveis. Normalmente, os links são destacados com cor, mas pessoas com daltonismo podem ter problemas para vê-los. Se houver um link clicável, sublinhe-o, bem como destacá-lo na página.
    • Se você não quiser sublinhar, faça o texto em negrito.
  • Imagem intitulada de design para daltidão de cores Passo 7
    2. Incluem símbolos e chaves. Pessoas com daltonismo podem ter problemas para entender gráficos e gráficos com base em cores sozinhas. 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ê poderia usar símbolos em um mapa para rotular áreas diferentes, como acampamentos e banheiros.
  • Imagem intitulada de design para cor da cegueira passo 8
    3. Adicione textura a mapas, gráficos e gráficos. 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 gráficos.
  • Esta é uma ótima idéia para gráficos de barras e gráficos de pizza.
  • Você pode usar textura, bem como cor em suas imagens, então você não precisa alterá-los completamente.
  • Imagem intitulada de design para daltidão de cores Passo 9
    4. Secções de contorno em mapas. Se você estiver usando cores para diferenciar estados ou fronteiras, use um esboço preto também. Isso ajudará as pessoas com daltonismo, já que elas poderão ver as linhas pretas.
  • Esta é uma ótima maneira de fazer suas imagens se destacar mais bem.
  • Imagem intitulada de design para cor dalton etapa 10
    5. Etiquetar 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. Rotule as informações com palavras, bem como cores para torná-lo acessível para aqueles com daltonismo.
  • Por exemplo, se você estiver usando um gráfico de pizza, poderá rotular cada seção, bem como usar cores diferentes para separá-los.
  • Alguém com cegueira a cores (que só pode ver em preto e branco) não poderá usar uma chave de cor.
  • Pontas

    Uma maneira fácil de descobrir se o seu site é acessível a pessoas cegas é projetá-lo usando escala de cinza. Você pode usar um simulador de cor cego, como coblis, para fazer isso.
    Compartilhe na rede social:
    Semelhante