Todas las Herramientas
ToolsAAWCAG Accessibility

Guía de Simulación de Daltonismo y Accesibilidad WCAG

Simule Protanopía, Deuteranopía, Tritanopía y Acromatopsia en tiempo real mediante filtros de matriz SVG localmente en su navegador.

Seleccione el Tipo de Visión
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.

Referencia técnica y guía de arquitectura

Guía de Simulación de Daltonismo y Accesibilidad WCAG — Guía de referencia

Simule Protanopía, Deuteranopía, Tritanopía y Acromatopsia en tiempo real mediante filtros de matriz SVG localmente en su navegador.

Parámetros clave y controles

Tipo de DaltonismoProtanopía | Deuteranopía | Tritanopía | Acromatopsia

Modelo cromático simulado mediante feColorMatrix SVG.

Intensidad0% a 100%

Nivel de severidad de la deficiencia visual seleccionada.

Imagen de OrigenArchivo | Lienzo

Gráfico o interfaz sobre el que se aplica la simulación.

Umbral de Contraste WCAG4.5:1 (AA) | 7:1 (AAA)

Ratio de contraste mínimo requerido para texto normal.

Consejos profesionales y mejores prácticas

Errores comunes y solución de problemas

Suba capturas a resolución completa para un renderizado nítido.

Compruebe que su navegador admita aceleración gráfica para filtros SVG.

Preguntas frecuentes (FAQ)

¿Cómo se calculan los filtros de color?▼

Se utilizan matrices colorimétricas validadas según los modelos de Brettel y Machado.

¿Se almacenan mis diseños en la nube?▼

No. Todo el procesamiento de imágenes se efectúa en local dentro de su navegador.

¿Cuál es la diferencia entre protanopía y deuteranopía?▼

La protanopía afecta a los conos rojos (L) y la deuteranopía a los conos verdes (M).

¿Ayuda a cumplir las normas WCAG 2.1?▼

Sí, permite verificar la legibilidad de la interfaz bajo diversas condiciones visuales.

Herramientas y utilidades relacionadas

Todas las herramientas →
Guía de Conversión de SVG a CSS Background-Imagedesign

Codifique, optimice y convierta marcado vectorial SVG en propiedades CSS background-image, mask-image y Data URI limpias localmente.

Abrir herramienta→
Guía Técnica de Open Graph y Tarjetas de Redes Socialesdesign

Guía técnica para configurar metaetiquetas Open Graph, especificaciones de Twitter/X Cards y tamaños óptimos de imagen.

Abrir herramienta→
Generador interactivo de gradientes CSSdesign

Creador visual de gradientes CSS con paradas de color, control de ángulos, formas radiales, paletas y exportación directa en un clic.

Abrir herramienta→
Limpiador y minificador interactivo de código SVGdesign

Limpia, minifica y elimina metadatos de gráficos SVG en el navegador para reducir drásticamente el tamaño sin perder calidad.

Abrir herramienta→
Extractor de paletas de colores y verificador de contrastedesign

Verificador de contraste accesible WCAG 2.1 y generador de paletas armónicas.

Abrir herramienta→
Generador CSS de efecto Glassmorphismdesign

Creador moderno de efectos de vidrio esmerilado con desenfoque de fondo, transparencia y bordes.

Abrir herramienta→