Comprobador de contraste de color accesible (WCAG 2.1 AA/AAA)
Comprobador de contraste de color accesible (WCAG 2.1 AA/AAA): Calcula los valores de luminancia relativa L1 = 1,0, L2 = 0,117 y calcula la relación de contraste (L1 + 0,05)/(L2 + 0,05).
Acerca de comprobador de contraste de color accesible (wcag 2.1 aa/aaa)
Comprobador de contraste de color accesible (WCAG 2.1 AA/AAA)：Comprobador de contraste de color accesible (WCAG 2.1 AA/AAA): Calcula los valores de luminancia relativa L1 = 1,0, L2 = 0,117 y calcula la relación de contraste (L1 + 0,05)/(L2 + 0,05).
Cómo funciona esta herramienta
El procesamiento gráfico utiliza CanvasRenderingContext2D (ImageData) y vectores SVG en el espacio de color sRGB, aplicando filtros de convolución espacial y cuantización de color.
Canalización de procesamiento y arquitectura técnica：
- Recepción léxica y normalización de la entrada en el búfer de memoria local.
- Validación de sintaxis estructural y verificación de invariantes y límites de dominio.
- Transformación algorítmica determinista y cálculo matemático de alta precisión.
- Serialización del resultado verificado, comprobación de integridad y generación de diagnósticos.
Ejemplo y aplicación práctica
Escenario de aplicación práctica: Comprueba el contraste de negro sobre blanco.
Entrada de muestra:
Procesamiento computacional: Convierte sRGB en luminancia relativa y divide el valor claro más 0,05 entre el oscuro más 0,05.
Salida ilustrativa:
Límites y casos especiales
Límites reales: It only evaluates two opaque RGB colors. Invalid six-digit hex throws; compositing, gradients, fonts, and legal conformance are outside scope.
Procesamiento en el navegador y privacidad
La función de la herramienta está diseñada para procesar la entrada en el navegador sin enviarla intencionadamente a un servidor de procesamiento de CZOA. Las solicitudes de recursos del sitio, analítica o publicidad son independientes. El navegador, sus extensiones y el software administrado del dispositivo quedan fuera de este límite.
Ejecución local y metodología de verificación
El procesamiento de la carga útil de esta herramienta está diseñado para ejecutarse localmente en el navegador mediante JavaScript o Web Workers. Las solicitudes de recursos del sitio, análisis o publicidad son independientes. La confidencialidad, la repetibilidad y la latencia dependen del entorno del navegador y no se garantizan de forma absoluta.
Normas técnicas y especificaciones de conformidad
- W3C CSS Color Module Level 4
- CIE 1931 Color Space Standard
Responsable del contenido: CZOA Tools · Última revisión: 2026-09-15 · Metodología de revisión
Cómo se usa
- Introduce los datos o selecciona un archivo admitido en el espacio de trabajo.
- Revisa los controles y elige los parámetros, unidades, formatos o intervalos disponibles.
- Pulsa el botón de acción o consulta el cálculo inmediato.
- Comprueba los diagnósticos y el resultado antes de copiarlo o exportarlo.
Preguntas frecuentes
¿Cómo funciona realmente esta herramienta?+
Resultado real: sRGB relative luminance with the 0.03928/12.92 and 2.4 branches; ratio thresholds are 4.5, 3, and 7.
¿Qué entradas y controles están disponibles?+
Controles reales: One JSON input accepts foreground and background; no font, opacity, image sampling, APCA, export, or batch controls exist.
¿Qué límites y casos de borde importan?+
Límites reales: It only evaluates two opaque RGB colors. Invalid six-digit hex throws; compositing, gradients, fonts, and legal conformance are outside scope.
¿Qué verificó el fixture aislado?+
Verificación independiente: Black on white independently produced ratio 21 and three true thresholds; recorded requests contained no input payload.