O contraste e a cor desempenham um papel importante para saber se o seu design atenderá aos padrões de acessibilidade.

Claro, você deseja escolher cores para seu design que  fiquem bem juntas  e  criem interesse visual  , mas também deseja garantir que os leitores com deficiências ou deficiências visuais possam  ver e entender seu design  .

Como faço para escolher as cores certas?

Ao escolher as cores para o seu projeto, você quer ter certeza de que elas

• Complementam  um ao outro

• Conte uma  história visual  que  se conecte com seus dados

• Use cores que  contrastem  o suficiente para garantir a acessibilidade

Existem  muitos recursos  para ajudá-lo a começar a escolher as cores para o seu design, incluindo  rodas de cores  básicas como a abaixo, bem como aquelas que mostram cores monocromáticas, análogas, complementares e contrastantes:

Como crio designs com contraste acessível?

O contraste é determinado pelo brilho ou vibração de uma cor ou elemento quando comparado a outro elemento.

O texto preto em um fundo branco é  de alto contraste  . Esse mesmo texto em um fundo branco é muito mais difícil de ver se for uma cor mais clara, como o amarelo, tornando-o de  baixo contraste  .

Os elementos de baixo contraste podem ser difíceis de ver e o texto de baixo contraste pode ser difícil de ler. Uma alta taxa de contraste garante que o texto seja legível e que os elementos não textuais sejam perceptíveis.

Leitores com deficiência de visibilidade terão dificuldade especial em ler ou ver elementos de baixo contraste, mas isso também afeta a legibilidade para outras pessoas.

Dicas para criar contraste

• Use cores escuras em um fundo claro ou cores claras em um fundo escuro

• Use padrões sólidos no plano de fundo para tornar mais visíveis quaisquer elementos sobrepostos

• Execute  o verificador de acessibilidade da Venngage  para verificar as taxas de contraste e ver sugestões

Quais ferramentas no Venngage Editor podem me ajudar a ajustar o contraste?

O verificador de acessibilidade  da Venngage é a maneira mais rápida de verificar as taxas de contraste em seu projeto e ver como ajustá-las para torná-las mais nítidas.

Selecione "Arquivo" no menu de navegação superior  (acima da barra de ferramentas superior) e selecione "Verificar acessibilidade" para abrir o painel Acessibilidade.

Os elementos em seu design que não atendem  aos requisitos de contraste das Diretrizes de acessibilidade de conteúdo da Web (WCAG)  são listados no cabeçalho "Contraste de cores".

Selecione um elemento individual  em seu design, como um ícone ou caixa de texto, para ver se ele atende aos requisitos de contraste.

Você está curioso para se inscrever? Confira nossos planos.

Comece a projetar!