Respuesta directa
Un verificador de sistema de color evalúa la pertenencia al gamut, el contraste WCAG 2.2 para pares semánticos significativos y la calidad perceptiva de la escala, proponiendo remediaciones explícitas que el usuario debe confirmar.
Cómo usar esta herramienta
Abre la etapa de verificación
Accede desde la página del verificador o continúa desde el constructor con el mismo proyecto en memoria.
Revisa las auditorías
Examina clasificaciones sRGB y Display-P3, resultados de pares WCAG y notas de calidad sobre el orden de luminosidad y saltos entre tonos.
Aplica las correcciones seleccionadas
Acepta propuestas que indiquen el token objetivo, nuevo valor y consecuencias, manteniendo los anclajes de marca inmutables.
Contraste en pares semánticos y honestidad de gamut
El cálculo de contraste utiliza la fórmula de luminancia relativa de WCAG 2.2 sobre relaciones semánticas reales de primer plano/fondo en lugar de una matriz ilegible de todas las combinaciones. Los anclajes Display-P3 fuera de gamut ofrecen sustitutos sRGB deterministas en vez de recorte de canales silencioso.
- La remediación nunca modifica silenciosamente los colores de origen; los tokens derivados absorben los ajustes de accesibilidad.
- No se inventan niveles AAA no textuales cuando WCAG no los contempla para esa relación.
- Todas las comprobaciones se ejecutan localmente en el navegador sobre el documento activo.
Ejemplos prácticos
Auditoría AA de Primary sobre Surface
Entrada: Roles: texto sobre Surface con toques de Primary #2563eb
Salida: Informe de pares con estado AA/AAA y token de remediación derivado opcional
Identifica pares no conformes con propuestas claras conservando el anclaje bloqueado de la marca.
Limitaciones
- Evalúa la accesibilidad matemática para pares planos; las composiciones complejas sobre imágenes requieren revisión visual manual.
- Las heurísticas de calidad de escala son orientativas y no sustituyen el criterio del diseñador.
Preguntas frecuentes
¿El verificador cambiará el color de mi marca automáticamente?
No. Los anclajes de origen son inmutables. Las remediaciones solo crean o ajustan tokens derivados tras tu confirmación.
¿Puedo añadir un par semántico personalizado?
Sí. Puedes añadir pares específicos de tu producto para auditar casos reales de interfaz sin ruido innecesario.
¿Se admite acceso por teclado en los controles de remediación?
Sí. Las acciones de remediación son accesibles por teclado con foco visible y anuncian su estado a lectores de pantalla.
Referencias y normas autorizadas
- W3C Web Content Accessibility Guidelines (WCAG) 2.2 ↗ — Official contrast thresholds for text and non-text UI components.
- W3C Relative Luminance Definition & Formula ↗ — Relative luminance formula used for semantic pair contrast audits.