AnyTools
👁️
Simulador de daltonismo
Simule diferentes tipos de daltonismo para testar a acessibilidade de sites e imagens. Suporta 8 tipos de deficiências de visão de cores.
Carregar imagem
Tipo de daltonismo
Visão normal
❓O que é simulação de daltonismo
A simulação de daltonismo é uma ferramenta que transforma imagens para mostrar como elas aparecem para pessoas com diferentes tipos de deficiências de visão de cores. Ajuda designers e desenvolvedores a testar seus designs para acessibilidade, garantindo que a cor não seja o único meio de transmitir informações. Ao simular condições como protanopia, deuteranopia e tritanopia, os designers podem identificar problemas de usabilidade potenciais e criar interfaces mais inclusivas que funcionam para todos os usuários, independentemente de suas capacidades de visão de cores.
✨Recursos
👁️
8 tipos de daltonismo
Simule protanopia, deuteranopia, tritanopia, acromatopsia e mais
🖼️
Carregamento de imagem
Carregue imagens para ver como elas aparecem para pessoas com deficiências de visão de cores
🔄
Visualização em tempo real
Veja instantaneamente a visão simulada lado a lado com a imagem original
♿
Teste de acessibilidade
Teste designs para conformidade WCAG e acessibilidade de cores
📋Guia de uso
Passo 1
Carregue uma imagem ou captura de tela do site
Passo 2
Selecione um tipo de daltonismo para simular
Passo 3
Compare as visualizações originais e simuladas lado a lado
📚Introdução técnica
👁️Deficiências de visão de cores
O daltonismo afeta aproximadamente 8% dos homens e 0,5% das mulheres. Os tipos mais comuns são protanopia (cego ao vermelho), deuteranopia (cego ao verde) e tritanopia (cego ao azul). Essas condições resultam de células cônicas ausentes ou com mau funcionamento na retina. A simulação do daltonismo usa matrizes de transformação de cores para aproximar como as cores aparecem para pessoas com diferentes deficiências visuais. Isso ajuda os designers a criar interfaces acessíveis que funcionam para todos os usuários.
🎨Transformação de cores
A simulação do daltonismo aplica transformações matemáticas aos valores de cor RGB. Cada tipo de daltonismo tem uma matriz de transformação específica que mapeia cores da visão normal para a deficiência simulada. A protanopia e a deuteranopia afetam a percepção vermelho-verde, enquanto a tritanopia afeta a percepção azul-amarelo. A acromatopsia (daltonismo total) converte todas as cores em tons de cinza. Essas transformações ajudam os designers a entender como suas escolhas de cores afetam usuários com deficiências de visão de cores.
♿Padrões de acessibilidade
WCAG (Diretrizes de Acessibilidade para Conteúdo da Web) recomenda testar designs com simuladores de daltonismo. A cor não deve ser o único meio de transmitir informações. As proporções de contraste do texto devem atender aos padrões WCAG AA (4,5:1 para texto normal, 3:1 para texto grande). Testar com simuladores de daltonismo ajuda a garantir que os designs sejam acessíveis para usuários com deficiências de visão de cores. Isso melhora a usabilidade e a conformidade com regulamentos de acessibilidade.
💡How To & Tips
📤
Carregar imagem
Carregue uma captura de tela do seu site, design de UI ou qualquer imagem que deseja testar para acessibilidade de cores
🎨
Selecionar tipo
Escolha entre 8 tipos diferentes de daltonismo para ver como seu design aparece para usuários com essa condição
👀
Comparar visualizações
Visualize imagens originais e simuladas lado a lado para identificar problemas de acessibilidade potenciais
🔗Related Documents
User Comments
Loading...