Relación de contraste y accesibilidad web (WCAG)

La diferencia de brillo entre el texto y el fondo se llama relación de contraste, y se expresa desde 1:1 (idéntico) hasta 21:1 (negro sobre blanco).

Las Pautas de Accesibilidad para el Contenido Web (WCAG) recomiendan un contraste mínimo de 4.5:1 para el texto normal y de 3:1 para el texto grande. Un contraste bajo dificulta la lectura a las personas con baja visión o bajo la luz intensa del sol.

Al elegir colores, comprueba no solo si se ven bien, sino también si se leen bien sobre el fondo. La vista previa de contraste de cada página de detalle de color muestra la legibilidad del texto claro y oscuro.