Contraste de color

La relación de contraste mide la diferencia de brillo entre dos colores, generalmente el texto y su fondo, expresada como un número del 1:1, idéntico e ilegible, hasta el 21:1, negro puro sobre blanco puro. Las relaciones más altas significan que el texto es más fácil de leer, lo que importa para personas con baja visión, ojos más cansados, o una pantalla de teléfono en plena luz solar. Esta es la misma medición que las pautas de accesibilidad y las auditorías usan para juzgar si el texto es legible.

Diseñadores que eligen una paleta de colores de texto y fondo para un sitio web, desarrolladores que ejecutan una auditoría de accesibilidad antes del lanzamiento, y especialistas en marketing que eligen colores para un botón o banner que necesite seguir siendo legible para el mayor número posible de visitantes.

AA es un objetivo de accesibilidad ampliamente utilizado de las Pautas de Accesibilidad al Contenido Web. Requiere que el texto normal alcance al menos una relación de contraste de 4.5:1 y el texto grande al menos 3:1.

AAA es un nivel más estricto, que requiere al menos 7:1 para texto normal y 4.5:1 para texto grande. La mayoría de los proyectos apuntan a AA, mientras que AAA se reserva para contenido donde la accesibilidad es especialmente crítica.

Usa colores hexadecimales de 3 o 6 dígitos, con o sin el símbolo # al inicio, tanto para el texto como para los campos de fondo.

No. Los colores hexadecimales se verifican completamente en tu navegador.

No. La relación de contraste es un factor importante, pero el tamaño de fuente legible, el espaciado adecuado y no depender solo del color para transmitir significado también importan.