O design acessível garante que seus visuais possam ser compreendidos por todos — incluindo pessoas com deficiência visual ou daltonismo. O Editor aprimorado da Venngage inclui a ferramenta Simulador Visual, que permite visualizar como seu design aparece para pessoas com diferentes condições de visão.

1. Abra um modelo acessível

Comece com um dos modelos acessíveis da Venngage no Editor aprimorado. Esses modelos são projetados com contraste e acessibilidade de cores em mente.

2. Abra o Simulador Visual

Existem duas formas de abrir o Simulador Visual:

• Opção 1: Vá ao menu Arquivo e selecione Simulador Visual.

  

• Opção 2: Clique no botão Acessibilidade na barra de navegação superior e, em seguida, selecione Simulador no painel que aparecer.

  

3. Escolha uma condição de visão para simular

Selecione uma das opções para ver como seu design aparece sob diferentes condições visuais:

• Acromatopsia: Daltonismo total (o design aparece em escala de cinza)

  

• Deuteranopia: Dificuldade em perceber verdes

  

• Protanopia: Dificuldade em perceber vermelhos

  

• Tritanopia: Dificuldade em perceber azuis e amarelos

  

• Catarata: Visão turva que reduz o contraste

  

• Baixa visão: Visão borrada e diminuída

  

Para restaurar a visualização normal do design, basta clicar novamente na mesma condição de visão.

4. Exemplo: Comparando cores em um design acessível

Abaixo, um infográfico intitulado “Flexible Work From Home Jobs” visto sob diferentes condições visuais usando o Simulador Visual.

Visual padrão:
O infográfico usa blocos de texto azul-marinho, azul claro, verde-água e roxo, com ícones coloridos.

Simulações:

• Acromatopsia: Todas as cores aparecem em escala de cinza.

• Deuteranopia: Verdes aparecem azulados ou roxos; vermelhos parecem cinza.

• Protanopia: Vermelhos e verdes mudam para amarelo ou cinza; roxos aparecem azuis.

• Tritanopia: Amarelos aparecem rosa; roxos parecem cinza; verdes ficam azuis.

• Catarata: O contraste geral diminui, tornando cores semelhantes mais difíceis de distinguir.

• Baixa visão: Os elementos aparecem borrados, reduzindo a legibilidade.

5. Melhore ainda mais a acessibilidade

Adicione texto alternativo (alt text) para descrever visuais e textos importantes no seu design. Isso garante que usuários com baixa visão ou leitores de tela possam entender seu conteúdo.

Curious about upgrading? Compare our plan features side by side.