Color del texto
Color de fondo
Contraste
8.42
- Aprobado
Texto pequeño
WCAG AA
- Aprobado
Texto grande
WCAG AA
- Aprobado
Texto pequeño
WCAG AAA
- Aprobado
Texto grande
WCAG AAA
Simulación de Daltonismo
Info:
Texto pequeño: menos de 18pt. Texto grande: 18pt+ o negrita 14pt+.
Fondo claro
Cita n. 26
Georg Christoph Lichtenberg
Fondo oscuro
Cita n. 26
Georg Christoph Lichtenberg
Texto pequeño
Texto grande
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
Historia de la Relación de Contraste
Comprensión de los estándares WCAG y accesibilidad
Estándares WCAG
Las Pautas de Accesibilidad para el Contenido Web (WCAG) fueron desarrolladas por el World Wide Web Consortium (W3C) para hacer el contenido web más accesible para personas con discapacidades. Los requisitos de relación de contraste se introdujeron para asegurar que el texto sea legible para usuarios con discapacidades visuales.
Desarrollo
WCAG 1.0 se publicó en 1999, estableciendo los primeros requisitos de relación de contraste. WCAG 2.0 (2008) refinó estos estándares con fórmulas más precisas. WCAG 2.1 (2018) agregó criterios de éxito adicionales. La fórmula actual de relación de contraste se desarrolló basándose en investigación sobre percepción visual humana y ciencia del color.
Por qué importa
Las relaciones de contraste adecuadas aseguran que el texto sea legible para todos, incluyendo usuarios con daltonismo, baja visión, o aquellos que ven contenido bajo luz solar brillante. Esto hace que la web sea más inclusiva y accesible para millones de usuarios en todo el mundo.
La Fórmula
La relación de contraste se calcula usando la luminancia relativa de los colores. Varía de 1:1 (sin contraste) a 21:1 (contraste máximo, como negro sobre blanco). WCAG AA requiere 4.5:1 para texto normal y 3:1 para texto grande. WCAG AAA requiere 7:1 para texto normal y 4.5:1 para texto grande.