Umbrales de contraste WCAG AA y AAA sin mitos

AA y AAA pertenecen a los requisitos, no a los colores

WCAG 2.2 organiza los criterios de conformidad verificables en tres niveles: A, AA y AAA. Contraste (mínimo), criterio 1.4.3, es un requisito de nivel AA. Contraste (mejorado), criterio 1.4.6, es un requisito de nivel AAA. Por tanto, una pareja de primer plano y fondo no tiene una calificación intrínseca de «color AA» o «color AAA». Tiene una relación medida, y esa relación puede evaluarse frente a un criterio concreto para un contenido concreto.

El contexto cambia el resultado. Una relación de 4,6:1 supera el contraste mínimo de nivel AA para texto normal y el contraste mejorado de nivel AAA para texto grande, pero no supera el umbral mejorado de 7:1 para texto normal. Decir únicamente «esta combinación es AAA» oculta la clasificación del texto y el criterio que hace verdadera la afirmación.

Los cuatro umbrales de texto en una matriz

Los criterios mínimo y mejorado comparten las mismas clases de texto y las mismas excepciones enumeradas, pero exigen relaciones distintas. Compara con el umbral el resultado sin redondear. Una etiqueta que muestra 4,5:1 no es evidencia suficiente si el valor subyacente es 4,48:1.

• Con 3,2:1, el texto grande supera el mínimo AA, pero el texto normal no lo supera y ninguna clase supera el contraste mejorado.
• Con 4,6:1, el texto normal supera AA; el texto grande supera los criterios de contraste AA y AAA.
• Con 6,5:1, el texto normal todavía queda por debajo del umbral mejorado de 7:1, aunque supera ampliamente AA.
• Con 7,1:1, tanto el texto normal como el grande superan los criterios de contraste mínimo y mejorado.
• Un resultado de umbral corresponde al primer plano, fondo, estado y clasificación de texto renderizados que se probaron, no a todos los usos del mismo token.

El texto grande tiene una definición, no una impresión visual

WCAG define el texto grande como aquel de al menos 18 puntos, o de al menos 14 puntos cuando está en negrita, y contempla tamaños equivalentes para tipografías CJK. El documento Understanding de W3C explica que CSS usa 1pt = 1,333px, por lo que esos valores son aproximadamente 24px y 18,5px. La definición normativa se basa en el tamaño en puntos y el peso, no en que el contenido sea un encabezado, parezca importante, esté en mayúsculas u ocupe una zona ancha.

• Usa el tamaño de fuente proporcionado por el autor antes de cualquier zoom opcional del usuario.
• Considera grande un texto de 18pt o aproximadamente 24 píxeles CSS, con independencia de su peso.
• Considera grande un texto de 14pt o aproximadamente 18,5 píxeles CSS solo cuando esté en negrita.
• Comprueba la fuente real y el peso calculado; formas de letra especialmente finas o poco familiares pueden seguir siendo difíciles de leer incluso en el umbral.
• Vuelve a probar la tipografía adaptable cuando un encabezado de escritorio se hace más pequeño en el móvil.
• Clasifica cada estilo de texto por separado en vez de declarar grande un componente completo.

Superar el contraste AA no equivale a conformidad WCAG AA

Una página cumple el nivel AA solo cuando satisface todos los criterios de conformidad aplicables de niveles A y AA, o proporciona una versión alternativa conforme. Superar el criterio 1.4.3 aporta evidencia para un requisito dentro de un conjunto mucho mayor. No comprueba el acceso por teclado, las alternativas textuales, las etiquetas, la gestión de errores, la redistribución del contenido, la visibilidad del foco, el tamaño de los objetivos, el idioma, la semántica ni muchos otros requisitos de esos niveles.

• La conformidad es acumulativa: el nivel AA incluye todos los criterios A además de todos los criterios AA.
• La conformidad WCAG se aplica a páginas web completas; una cabecera o un componente que supera la prueba no puede hacer conforme una página que falla en otros puntos.
• Cuando una página es un paso de un proceso completo, todas las páginas del proceso deben cumplir el nivel declarado.
• Para la conformidad solo pueden emplearse formas de uso de tecnologías compatibles con la accesibilidad.
• Una declaración formal de conformidad es opcional, pero si se publica debe identificar la versión, el nivel, el alcance y las tecnologías utilizadas que exige WCAG.

Esta distinción importa en los informes. Escribe «la pareja de texto evaluada supera el criterio de conformidad 1.4.3 de WCAG 2.2 con 5,25:1» cuando eso sea todo lo que demuestra la evidencia. Reserva «la página cumple WCAG 2.2 nivel AA» para una evaluación de la página completa que abarque todos los criterios aplicables y los requisitos de conformidad.

El contraste AAA no equivale a la conformidad AAA de todo el sitio

Una relación de 7:1 para texto normal demuestra la parte numérica del criterio de contraste mejorado de nivel AAA para esa pareja renderizada. La conformidad de nivel AAA es mucho más amplia: la página debe satisfacer todos los criterios de niveles A, AA y AAA. W3C desaconseja expresamente exigir la conformidad AAA como política general para sitios completos, porque algunos contenidos no pueden satisfacer todos los criterios AAA.

• Usa el contraste 7:1 para texto normal y 4,5:1 para texto grande como objetivos mejorados valiosos cuando encajen en el diseño.
• No debilites una pareja sólida de 8:1 solo porque el objetivo formal del proyecto sea el nivel AA.
• No anuncies que un producto completo es AAA porque sus tokens de diseño superen las cifras de contraste mejorado.
• Registra qué criterios AAA individuales se cumplen por encima del nivel de conformidad declarado.
• Comprueba que un contraste mayor no perjudique la jerarquía ni la comprensión, especialmente en interfaces densas, manteniendo siempre el mínimo normativo.

Las excepciones son limitadas y siguen aplicándose reglas de contraste relacionadas

Los criterios 1.4.3 y 1.4.6 excluyen el texto de componentes de interfaz inactivos, el texto puramente decorativo o invisible, el texto incidental dentro de una imagen que contiene otro contenido visual significativo y el texto que forma parte de un logotipo o nombre de marca. Estas categorías describen la función del contenido, no una etiqueta estilística conveniente. El texto secundario, los marcadores de posición de campos activos, el texto editorial con color de marca, la navegación y los pies ordinarios no quedan exentos solo por verse atenuados o estar asociados a una marca.

• Documenta el motivo cada vez que se aplique una excepción.
• Confirma que el texto deshabilitado pertenece realmente a un control inactivo y no a un estado activo de bajo énfasis.
• Distingue un logotipo del texto corriente que simplemente usa una fuente o un color de marca.
• Evalúa las imágenes de texto con los mismos criterios de contraste, salvo que sea aplicable una excepción enumerada.
• Prueba los límites de controles activos, indicadores de foco y gráficos significativos con Contraste no textual cuando corresponda.
• Asegúrate de que el color no sea el único medio visual para comunicar información.
• Sigue comprobando zoom, redistribución, ajustes de espaciado, semántica, uso del teclado y funcionamiento de tecnologías de asistencia.

Un verificador de contraste no puede deducir de forma fiable todas esas funciones a partir de dos campos de color. Puede calcular una relación y compararla con umbrales seleccionados. Una persona revisora todavía debe identificar el contenido, resolver los colores finalmente renderizados, elegir el criterio correcto, inspeccionar cada estado relevante y situar el resultado dentro de una evaluación de accesibilidad más amplia.

Registra evidencia que otra persona pueda reproducir

• Identifica la URL, el componente, el estado, el viewport, el tema, la configuración regional y la muestra de texto.
• Registra la familia, el tamaño y el peso de fuente calculados, además de indicar si el texto se considera grande.
• Resuelve alfa, capas superpuestas, degradados, imágenes y valores heredados hasta obtener el primer plano y fondo efectivos.
• Guarda la relación con precisión completa y el umbral utilizado; redondea únicamente la presentación destinada a personas.
• Nombra el criterio exacto evaluado: mínimo 1.4.3 o mejorado 1.4.6.
• Registra superado, no superado o una excepción documentada sin convertir el resultado en una afirmación sobre toda la página.
• Enlaza el texto primario de WCAG y conserva la fecha y la persona responsable de la revisión.
• Haz un seguimiento separado de los demás criterios A, AA y de los criterios AAA opcionales.

{
  "sample": "Primary button label",
  "state": "default",
  "foreground": "#FFFFFF",
  "background": "#4F46E5",
  "ratio": 6.2875,
  "text": { "sizePx": 16, "weight": 600, "largeScale": false },
  "criterion": "WCAG 2.2 1.4.3",
  "threshold": 4.5,
  "result": "pass"
}

Ese registro expresa exactamente qué superó la prueba y permite repetirla después de cambiar un token o la tipografía. Color Atlas mantiene el mismo límite: calcula evidencia de contraste reproducible, identifica los cuatro umbrales de texto y enlaza el material de W3C correspondiente. No convierte una relación aislada en una certificación. Usa la evidencia para respaldar una revisión completa de la página y del proceso.