Simulador de daltonismo

Pré-visualize problemas de acessibilidade de cor numa imagem

A cor pode transmitir um significado importante em gráficos, botões, mapas, painéis e peças de marketing. Mas nem todas as pessoas veem as diferenças de cor da mesma forma. Este simulador de daltonismo ajuda-o a pré-visualizar como uma imagem pode aparecer com as deficiências de visão de cor mais comuns, para que possa detetar os locais onde a informação depende demasiado do contraste vermelho-verde ou azul-amarelo.

A simulação é realizada inteiramente no seu navegador. A imagem é desenhada numa tela, cada píxel é transformado com uma matriz de cor padrão 3×3 e a tela resultante é apresentada e pode ser transferida como PNG. Nenhum servidor recebe a sua captura de ecrã ou o seu design, o que é especialmente útil para interfaces por lançar, trabalhos para clientes e painéis internos.

Compreender os tipos de simulação

A protanopia simula a ausência ou o mau funcionamento dos cones vermelhos de onda longa, o que pode fazer os vermelhos parecerem mais escuros e reduzir a distinção entre vermelho e verde. A deuteranopia simula a ausência dos cones verdes de onda média, outra deficiência vermelho-verde comum. A tritanopia simula a ausência dos cones azuis de onda curta, afetando a perceção azul-amarelo e ocorrendo com menos frequência. A opção Normal deixa a imagem inalterada para que possa compará-la rapidamente com as versões transformadas.

Desenhar para além da cor

Um simulador é uma ajuda de revisão, não uma auditoria de acessibilidade completa nem uma ferramenta de diagnóstico médico. Use-o para encontrar combinações de cor arriscadas e depois melhore o design com etiquetas, ícones, padrões, sublinhados, contraste mais forte e pistas redundantes. Os gráficos não devem depender apenas de linhas de cores diferentes; os estados de erro devem incluir texto ou alterações de forma; os botões devem continuar reconhecíveis sem o tom. Se a pré-visualização simulada continuar a comunicar a mesma mensagem, é mais provável que a sua imagem funcione para um público mais vasto. Reveja também os ecrãs importantes no seu tamanho real de apresentação, porque etiquetas pequenas, linhas finas de gráficos e tons de fundo subtis podem tornar-se mais difíceis de distinguir depois de aplicada a transformação de cor.

Interpretar os resultados

As deficiências vermelho-verde são muito mais comuns do que as azul-amarelo, pelo que a protanopia e a deuteranopia são normalmente as duas primeiras pré-visualizações a verificar. Alterne entre as opções e compare o original com cada versão: se duas categorias, linhas ou cores de estado se tornarem difíceis de distinguir, o design depende demasiado do tom. Tenha em mente que estas são aproximações da dicromacia completa. As formas mais ligeiras de fraqueza cromática e as condições mais raras, como a acromatopsia, não são abrangidas, e a perceção real varia entre pessoas e condições de iluminação. O PNG transferido mantém a resolução total do original e inclui o nome da simulação no nome do ficheiro.