Por qué el contraste máximo no es la máxima legibilidad

Aquí tienes un experimento de dos minutos. Toma un artículo largo, ponlo como texto negro puro sobre una pantalla blanca pura a máximo brillo y lee un par de párrafos. Luego mira a una pared en blanco. Muchos lectores ven una débil imagen residual —líneas fantasma que quedan donde estaba el texto— y, de vuelta en la página, un sutil temblor en los bordes de las letras, como si los trazos vibraran contra el blanco. No todo el mundo lo percibe, y su intensidad varía de verdad de un ojo a otro —un astigmatismo sin corregir lo empeora notablemente—, pero es una de las quejas más habituales sobre la lectura en pantallas.

El contraste máximo no es la máxima legibilidad porque los requisitos de contraste son mínimos, no objetivos: el texto necesita contraste suficiente para resolverse con nitidez —4,5:1 como mínimo, cómodamente más—, pero pasado el punto en que el ojo ha resuelto por completo las formas de las letras, el contraste extra añade deslumbramiento en lugar de información. El negro puro sobre blanco puro mide 21:1, y para la lectura de textos largos muchos lectores están mejor en una franja en torno a 12–16:1: texto casi negro sobre blanco o blanco roto. Qué son los mínimos y cómo se miden lo cubre nuestra guía de contraste; este artículo trata de lo que ocurre por encima de ellos.

¿Por qué las ratios de contraste son mínimos, no objetivos?

Porque así está redactado el requisito. WCAG exige una ratio de contraste de al menos 4,5:1 para el texto de tamaño normal —un mínimo que garantiza que las formas de las letras sigan siendo resolubles para lectores con visión moderadamente reducida—. Nada en el estándar premia 21:1 frente a 15:1; ambos aprueban de forma idéntica, y los verificadores que informan de aprobado o suspenso responden a una pregunta de cumplimiento, no puntúan la legibilidad.

El error maximalista es tratar la ratio como una puntuación que hay que inflar: si se exige 4,5:1, 21:1 debe de ser casi cinco veces mejor. Pero el mínimo responde a una pregunta (¿puede esto leerse siquiera, por casi todo el mundo?) y la comodidad por encima del mínimo es otra pregunta distinta, que el estándar deja abierta deliberadamente.

¿Qué ocurre realmente a 21:1?

Dos cosas, ambas familiares una vez nombradas.

La primera es el deslumbramiento. En una pantalla brillante, una página blanca no es papel: es una fuente de luz, y los trazos negros a contraste máximo se sitúan contra el campo más brillante que la pantalla puede producir. El entorno brillante se derrama perceptualmente sobre los trazos oscuros, un efecto de la familia de la halación: el temblor del experimento del principio. Los relatos sobre él varían de una persona a otra —algo que conviene tomarse en serio en lugar de promediarlo— y los lectores con astigmatismo suelen ser los más afectados, porque un ojo enfocado de forma imperfecta esparce aún más el campo brillante sobre los trazos oscuros.

La segunda es que el contraste extra no compra nada. La ciencia de la visión describe la respuesta del ojo al contraste como saturante: la sensibilidad sube con fuerza a contraste bajo y luego se estabiliza mucho antes del máximo físico. La versión intuitiva: leer es detección de bordes. El ojo necesita bordes lo bastante fuertes para trazar las formas de las letras; una vez que están trazadas por completo, más fuerza de borde no puede trazarlas más. Pasada la saturación, el excedente aparece como fatiga, no como información.

¿Cómo se ve la franja cómoda en números?

Toma tres candidatos para el texto de cuerpo en una página blanca #ffffff:

Los tres aprueban todos los niveles WCAG para el texto de cuerpo. Las diferencias son de comodidad y jerarquía, no de cumplimiento —que es justo por lo que la elección merece más reflexión de la que le da un verificador—. Un patrón al que llegan muchos sistemas maduros: texto de cuerpo en torno a 12–16:1 (clase #333 a #222 sobre blanco, o un casi negro de clase #1a1a1a sobre un blanco roto como #f5f5f5, ≈16:1), títulos más oscuros o totalmente negros —el deslumbramiento escala con cuánto tiempo miras, y un título de cinco palabras tolera lo que mil palabras no pueden— y leyendas deliberadamente más sutiles, pero nunca por debajo del mínimo.

Esta es una postura que adopta el propio motor de Scale Composer. Cuando deriva los roles de texto para una superficie, puntúa los candidatos por contraste suficiente más la mejor legibilidad en lugar de por contraste máximo —con una penalización de croma que depende de la luminosidad, de modo que el texto claro se penaliza con más dureza por llevar color— y los roles de leyenda eligen el paso más sutil que aún aprueba. El texto derivado cae en la franja cómoda por construcción, no por gusto. Abre una paleta derivada y lee las selecciones de texto puntuadas — alrededor de diecisiete roles por superficie, cada uno con su ratio WCAG y su valor APCA mostrados uno al lado del otro, y ninguno de los roles de texto situado a 21:1.

¿Por qué la jerarquía necesita margen?

Porque el énfasis es relativo. Si el texto de cuerpo ya está a 21:1, el eje de luminosidad no tiene adónde ir: los títulos pueden crecer y engrosarse, pero no pueden volverse más oscuros que el cuerpo, y una de las señales más antiguas de la tipografía enmudece. Pon el cuerpo a ≈15:1 en su lugar y un título a ≈19:1 se lee como un salto deliberado hacia arriba; por debajo del cuerpo, las leyendas y los metadatos pueden bajar un paso hacia el mínimo de 4,5:1 sin apiñarse contra él. La jerarquía es una escalera, y una escalera necesita peldaños a ambos lados de donde estás.

¿Y los lectores que necesitan el contraste máximo?

Existen, y son el contrapeso honesto a todo lo anterior. Para algunos lectores —baja visión, cataratas, condiciones que reducen la sensibilidad al contraste— el temblor nunca llega y el contraste máximo es sencillamente más fácil. Los sistemas operativos exponen esto como una preferencia del usuario, y CSS lo expone mediante la media query prefers-contrast, de modo que una página puede servir el emparejamiento suavizado por defecto y cambiar a negro sobre blanco completo cuando se establece prefers-contrast: more.

La respuesta de diseño es respetar la preferencia, no fijar por código ninguno de los dos extremos: un sitio bloqueado a 21:1 ignora a los muchos lectores que lo encuentran deslumbrante, y un sitio bloqueado a 12:1 ignora a los lectores que le pidieron más a su sistema. La preferencia existe precisamente porque ningún valor único sirve a todo el mundo.

¿Cómo encuentras tu propia franja cómoda?

Leyendo, no midiendo. Abre la misma paleta dos veces —los roles de texto suavizados junto a un máximo forzado de negro sobre blanco— y lee un párrafo completo en cada una. Fíjate en dónde se posan tus ojos, luego aparta la mirada y observa qué versión te sigue. Los mínimos son innegociables; la franja por encima de ellos es tuya para elegir —deliberadamente, con ambas versiones delante de ti.