Simulador Daltonismo (Protanopia)

Simulador de daltonismo: design para os 8% que você não vê

Um simulador de daltonismo converte uma imagem ou cor para mostrar como alguém com deficiência cromática percebe. Aproximadamente 8% dos homens e 0,5% das mulheres têm alguma forma — são centenas de milhões de usuários no mundo. Por dentro, simuladores convertem RGB para o espaço LMS (resposta dos cones Long / Medium / Short), aplicam uma matriz 3×3 que modela o cone ausente ou desviado, e convertem de volta para RGB. As referências seminais são os papers de Brettel–Viénot–Mollon (1997), ainda hoje a base da maioria dos simuladores modernos.

Os tipos e suas frequências

• Protanopia — sem cone L (vermelho). ~1% dos homens.
• Deuteranopia — sem cone M (verde). ~1% dos homens; a dicromacia mais comum.
• Tritanopia — sem cone S (azul). <0,01% — extremamente rara.
• Tricromacia anômala — cones presentes mas desviados (protanomalia, deuteranomalia, tritanomalia). A forma mais comum no geral.
• Acromatopsia — nenhum cone. Daltonismo total; muito rara.

Conformidade WCAG e padrões de design

O critério 1.4.1 da WCAG 2.1 — "Uso de Cor" exige que cor nunca seja a única forma de comunicar informação. Na prática isso significa: use ícone + texto + cor para status (não cor só); evite o par vermelho/verde em indicadores de estado críticos (use azul/laranja, que todos os dicromatas distinguem); mantenha contraste mínimo de 4,5:1 para texto corrido. Precedentes do mundo real: as bandeiras da F1 têm formas distintas além da cor; mapas do metrô de Tóquio e NYC usam paletas seguras para daltônicos e letras/números de linha como pistas redundantes.

Ferramentas para o seu workflow

Além deste simulador: Color Oracle (overlay desktop cross-platform), Sim Daltonism (Mac), Coblis (web), Stark (plugin Figma / Sketch / Adobe XD), Chromatic Vision Simulator (mobile, útil para teste ao vivo). Melhor ainda: o Chrome DevTools (versão 83+) tem toggle nativo de "Emulate vision deficiencies" no painel Rendering — você navega qualquer site como deuteranope sem sair do inspetor.

Aspecto legal: LBI, LGPD, ADA e EAA

No Brasil, a LBI (Lei Brasileira de Inclusão, 13.146/2015) e a LGPD se sobrepõem no tema de acessibilidade digital. Nos Estados Unidos a ADA (Americans with Disabilities Act) foi interpretada por tribunais como exigência de acessibilidade web — Domino's, Target e muitos outros já perderam ou fizeram acordo em ações. A European Accessibility Act (EAA) passa a ser exigível em junho de 2025 para produtos digitais. Falhar no 1.4.1 da WCAG porque o indicador de "OK / Erro" do dashboard é só vermelho contra verde virou simultaneamente defeito de UX e exposição jurídica.

FAQ

Dá para checar se meu site é acessível para daltônicos? Sim — tire screenshots de toda tela crítica (login, erro, sucesso, dashboard) e rode no simulador em deuteranopia e protanopia. Se você ainda entende a tela, passou.

Daltonismo afeta conformidade WCAG? Sim — depender só de cor falha no critério 1.4.1 "Uso de Cor". Adicione ícones, texto ou forma e mantém a conformidade.

Tem relação com ADA / LGPD? Sim — jurisprudência sobre ADA e a futura EAA tratam a WCAG como padrão de fato para acessibilidade digital, e comunicação de estado só por cor é violação recorrente.

Qual o par de cores mais seguro para acessibilidade? Azul e laranja. Todas as formas de dicromacia preservam o eixo azul/amarelo, então azul/laranja segue distinguível para praticamente qualquer usuário.