Elegir colores que todo el mundo pueda leer
Por El equipo de AsasWeb 2 min de lectura
Las WCAG exigen un ratio de contraste de al menos 4,5:1 para el texto normal y de 3:1 para el texto grande y los elementos de interfaz. La forma fiable de cumplir esos objetivos es integrarlos en la paleta desde el principio, elegir una tinta oscura y una superficie clara que pasen con holgura y después verificar cada par de colores con una herramienta de contraste. Nunca señales nada solo con color, y comprueba el modo oscuro por separado, porque una paleta que pasa sobre blanco puede fallar sobre un fondo casi negro.
El texto de bajo contraste se ve elegante en una herramienta de diseño y desaparece en la vida real: bajo el sol, en una pantalla barata o para cualquiera con visión reducida. El color accesible no consiste en apagar tu marca. Consiste en asegurarte de que la gente realmente pueda leerlo.
Conoce los objetivos
WCAG fija mínimos claros. El texto del cuerpo necesita una relación de contraste de al menos 4,5 a 1 frente a su fondo. El texto grande, a partir de unos 24 píxeles, y los elementos de la interfaz de usuario necesitan al menos 3 a 1. Estos son suelos, no metas, y son fáciles de comprobar con cualquier herramienta de contraste.
Integra el contraste en tu paleta
El truco está en diseñar la paleta en torno a estos objetivos desde el principio, en lugar de descubrir fallos al final. Elige una tinta oscura y una superficie clara que pasen con holgura, y luego elige colores de acento que funcionen tanto como texto como de relleno. En este sitio, cada par de colores está documentado con su relación medida, para que nada se escape.
No dependas solo del color
El color nunca debería ser la única forma de señalar algo. Un campo obligatorio, un error, un enlace dentro de un párrafo: cada uno necesita una segunda pista, como texto, un icono o un subrayado. Quienes no perciben las diferencias de color siguen necesitando el mensaje.
Cuida el modo oscuro
Una paleta que pasa en modo claro puede fallar en modo oscuro, donde un color de marca que se veía bien sobre blanco puede quedar demasiado tenue sobre una superficie casi negra. Cada tema necesita sus propios valores comprobados.
Tratamos el contraste como un número medido, no como una suposición. Si no estás seguro de que tus colores de marca pasen, empieza un proyecto y los auditaremos y encontraremos una paleta que sea a la vez de marca y legible.