Verificador de contraste

Comprueba colores de texto y fondo según WCAG 2.1 y APCA, con vista previa en directo y un color corregido que cumple, directamente en tu navegador.

Acerca de Verificador de contraste

Qué es

Esta herramienta mide el contraste entre un color de texto y uno de fondo con dos estándares: la clásica relación de WCAG 2.1 con sus niveles AA y AAA, y la puntuación APCA, más reciente. Una vista previa en directo con un título, texto, un botón y una etiqueta muestra la pareja con el tamaño y el grosor de letra que indiques. Si una pareja no cumple, la herramienta propone el color más cercano que sí cumple.

Funciones principales

  • Relación de contraste WCAG 2.1 con AA y AAA para texto normal y grande.
  • La puntuación APCA Lc para texto oscuro sobre claro y claro sobre oscuro.
  • Vista previa en directo con tu tamaño y grosor de letra.
  • Un color corregido sugerido que alcanza el contraste necesario, aplicado con un clic.
  • Simulación de visión: protanopía, deuteranopía, tritanopía y escala de grises.

Cómo usarlo

  1. Escribe el color del texto y el del fondo.
  2. Ajusta el tamaño y el grosor de letra que usas.
  3. Lee los resultados de WCAG y APCA y revisa la vista previa.
  4. Aplica la corrección sugerida si la pareja no cumple y copia los colores o el código.

Cuándo es útil

  • Comprobar que un color de marca se lee bien como texto sobre blanco.
  • Cumplir los requisitos de accesibilidad de una web pública.
  • Ver cómo perciben una pareja de colores las personas con daltonismo.

Privacidad y limitaciones

Tus datos

Los colores se comprueban en el navegador y no se envía nada a ningún servidor: el sitio solo recibe un evento anónimo de «herramienta abierta». Un resultado que envías a otra herramienta se queda 24 horas en este dispositivo, en «Actividad reciente».

Limitaciones

  • APCA es aún un borrador para futuras versiones de WCAG; los requisitos legales actuales suelen remitir a WCAG 2.1.
  • La simulación de visión es aproximada y no puede mostrar exactamente lo que ve cada persona.

Preguntas frecuentes

¿WCAG o APCA? ¿Cuál sigo?

WCAG 2.1 es lo que suelen pedir hoy las leyes y las auditorías, así que es el que debe cumplirse. APCA es más preciso para pantallas modernas y fuentes finas: una buena segunda comprobación.

¿Qué cuenta como texto grande?

En WCAG, al menos 24 px normal o unos 18,7 px en negrita. El texto grande solo necesita 3:1 para AA en lugar de 4,5:1.

¿Cómo funciona la corrección sugerida?

La herramienta mantiene el tono y la saturación del color del texto y cambia solo su luminosidad, en el menor paso que alcanza la relación necesaria, y entonces propone ese color.