Todas as Ferramentas
ToolsAAWCAG Accessibility

Guia do Simulador de Daltonismo e Acessibilidade WCAG

Simule Protanopia, Deuteranopia, Tritanopia e Acromatopsia em tempo real usando filtros matriciais SVG direto no navegador.

Selecione o Tipo de Daltonismo
UI

Interactive Checkout Card

Verifying state indicators & badges

Active Status
Payment verification required for this transaction.
Warning: Delivery to this region may incur additional duties.
Free shipping threshold achieved for this order.

Machado & Brettel Matrices

Employs peer-reviewed colorimetric transformation matrices to accurately map LMS cone sensitivity deficiencies.

Full WCAG 2.1 Conformance

Helps designers and QA engineers verify that contrast levels remain readable (4.5:1 ratio) across all color vision variants.

100% In-Browser Rendering

Every pixel is computed locally by your GPU and SVG rasterizer. Uploaded design mockups never leave your local device.

Referência técnica e guia de arquitetura

Guia do Simulador de Daltonismo e Acessibilidade WCAG — Guia de referência

Simule Protanopia, Deuteranopia, Tritanopia e Acromatopsia em tempo real usando filtros matriciais SVG direto no navegador.

Parâmetros principais e controles

Tipo de DeficiênciaProtanopia | Deuteranopia | Tritanopia | Acromatopsia

Modelo de deficiência cromática aplicado via matriz SVG.

Intensidade da Simulação0% a 100%

Grau de disfunção visual de anomalia leve a dicromacia severa.

Imagem de EntradaArquivo | Amostra UI

Elemento gráfico renderizado com filtro matricial em tempo real.

Contraste Mínimo WCAG4.5:1 (AA) | 7:1 (AAA)

Taxa de contraste mínima exigida por diretrizes de acessibilidade.

Dicas profissionais e melhores práticas

Problemas comuns e solução de problemas

Otimize ou reduza a resolução antes de carregar arquivos com mais de 10MB.

Utilize navegadores modernos com suporte a CSS feColorMatrix.

Perguntas frequentes (FAQ)

Os cálculos de cor seguem padrões científicos?▼

Sim, utilizam as equações colorimétricas de Brettel-Vienot-Mollon e Machado.

Minhas imagens são enviadas para algum servidor?▼

Não. Toda a manipulação de pixels ocorre na memória RAM do seu navegador.

O que é Acromatopsia?▼

É a ausência total de cones funcionais, permitindo apenas a percepção em tons de cinza.

Como validar WCAG 2.1?▼

Certifique-se de que a informação essencial permaneça distinguível em todos os modos.

Ferramentas e utilitários relacionados

Todas as ferramentas →
Guia do Conversor de SVG para CSS Background-Imagedesign

Converta e codifique código SVG em propriedades CSS background-image, mask-image e Data URI prontas para produção sem envio de dados.

Abrir ferramenta→
Guia Técnico de Open Graph e Cartões de Redes Sociaisdesign

Guia completo sobre meta tags Open Graph, formato Twitter Cards, proporções ideais de imagem e otimização de compartilhamento.

Abrir ferramenta→
Gerador Interativo de Gradientes CSSdesign

Criador visual de gradientes CSS com paradas de cor, controle de ângulos, formas radiais, paletas prontas e exportação CSS em 1 clique.

Abrir ferramenta→
Limpador e minificador interativo de código SVGdesign

Limpe, minifique e remova metadados de gráficos SVG no navegador para reduzir drasticamente o tamanho do arquivo.

Abrir ferramenta→
Extrator de paletas de cores e verificador de contrastedesign

Verificador de contraste de cores acessível WCAG 2.1 e gerador de paletas harmoniosas.

Abrir ferramenta→
Gerador CSS de Glassmorfismodesign

Criador moderno de efeito de vidro fosco com desfoque de fundo, transparência e bordas.

Abrir ferramenta→