Contraste de color

El contraste de color es la diferencia de claridad entre el texto y su fondo. La relación de contraste expresa esa diferencia con un número. Las Pautas de Accesibilidad para el Contenido Web (WCAG) establecen un mínimo de cuatro coma cinco a uno para la mayoría de los textos web, con un mínimo menor para el texto grande y excepciones para ciertos contenidos. Prueba a comprobar una combinación de texto y fondo con una herramienta de contraste.

Las comprobaciones de contraste usan la luminancia relativa, una medida del brillo relativo de un color. La relación de contraste compara la luminancia relativa del texto y su fondo mediante un cálculo estandarizado. Los nombres de los colores por sí solos no permiten determinar el resultado, y una relación de cuatro coma cinco a uno no significa simplemente que un color sea cuatro coma cinco veces más brillante que el otro.

El criterio de conformidad 1.4.3 de las WCAG, que establece el requisito mínimo de contraste del texto, generalmente exige al menos cuatro coma cinco a uno para el texto y las imágenes de texto, es decir, palabras guardadas como imagen. El texto grande requiere al menos tres a uno. Se considera grande el texto de al menos 18 puntos, una unidad de medida del tamaño de letra, o de 14 puntos si está en negrita, o un tamaño equivalente para las fuentes chinas, japonesas y coreanas. El criterio también abarca el texto de los marcadores de posición y el texto que aparece cuando alguien sitúa el puntero sobre un control o lo selecciona con el teclado. [1]

Las excepciones abarcan el texto de controles inactivos, el puramente decorativo, el invisible para todo el mundo y el que forma parte de imágenes con otros contenidos visuales importantes. El texto de los logotipos y los nombres de marca también tiene una excepción, pero atenuar deliberadamente un logotipo que de otro modo tendría suficiente contraste no lo exime automáticamente. Los colores de marca no eximen al texto común. Otro criterio aborda los gráficos y símbolos que no son texto. [1]

Imagina un sitio web hipotético con instrucciones pequeñas de color naranja pálido sobre blanco. Supón que una herramienta de contraste indica una relación de cuatro coma cuatrocientos noventa y nueve milésimas a uno para los colores especificados: queda por debajo de cuatro coma cinco a uno y no debes redondearla al alza para que cumpla el mínimo. Ajusta los colores y vuelve a comprobarlos. Si el sitio ofrece una presentación clara y otra oscura, comprueba las combinaciones de texto y fondo de cada una; el nombre del modo no determina su contraste. [1]

Para evaluar el contraste, usa los colores del texto y del fondo especificados en la página en lugar de tomar muestras de los bordes suavizados de las letras. El suavizado de fuentes, también llamado antialiasing, suaviza esos bordes y puede hacer que las letras finas se vean más tenues. Cuando esto causa problemas, la guía recomienda usar trazos más gruesos o un contraste superior al mínimo. [1]

Estos umbrales son requisitos mínimos de este criterio y no prometen una lectura sin esfuerzo para todo el mundo. El documento proporcionado explica las pautas de accesibilidad; no es un experimento que demuestre beneficios universales. Superar una comprobación de contraste por sí solo no demuestra la accesibilidad general ni el cumplimiento legal.

• Orientación sobre el alcance: el criterio de conformidad 1.4.3 generalmente exige al menos 4,5:1 para el texto y las imágenes de texto, o 3:1 para el texto grande, con las excepciones que indica. Son umbrales mínimos, no garantías de legibilidad para todo el mundo. [1]
• Orientación sobre la comprobación: no debes redondear al alza los valores de contraste calculados para alcanzar un umbral. Evalúa los colores especificados para el primer plano y el fondo, en lugar de tomar muestras de los bordes suavizados del texto. [1]
• Orientación condicional sobre la personalización: los autores pueden ofrecer combinaciones de colores elegidas por el usuario que queden por debajo del mínimo si existe un mecanismo que permita volver a colores que cumplan los valores exigidos. El documento lo presenta como una adaptación a distintas necesidades, no como un beneficio demostrado experimentalmente para todo el mundo. [1]

El documento explicativo proporcionado ofrece orientación informativa sobre el criterio; no es un estudio experimental ni una garantía de cumplimiento legal. Señala que las fuentes finas o poco habituales pueden verse tenues aunque la combinación de colores cumpla nominalmente el mínimo. Sus requisitos de contraste del texto no establecen los requisitos para los gráficos que no son texto. La antigua referencia bibliográfica titulada «Contraste mínimo (explicación del nivel AAA)» estaba mal identificada y se sustituye aquí por la guía proporcionada para el criterio de conformidad 1.4.3 del nivel AA, un nivel de conformidad de las WCAG; el documento identifica por separado el contraste mejorado como el criterio de conformidad 1.4.6. La antigua referencia ISO no se conserva como fuente verificada por separado. [1]