Bhinish Dhiman
WCAG 2 vs. APCA: ¿qué estándar de contraste deberías usar en 2026?
Traducido del original en inglés. Leer el original
Usa WCAG 2.2 AA para el cumplimiento, porque es el estándar legal vigente según la ADA, la Ley Europea de Accesibilidad y normas equivalentes. Usa APCA para comprobar la legibilidad, porque tiene en cuenta el tamaño y el peso de la fuente, y WCAG 2 no. Cuando discrepen, publica con el que sea más estricto.
Los diseñadores se siguen topando con dos cifras de contraste que no coinciden y sin una guía clara sobre cuál obedecer. La respuesta corta es que responden preguntas distintas y necesitas las dos. La respuesta larga explica cuándo fiarte de cada una.
Qué mide cada uno
WCAG 2 calcula una proporción entre la luminancia relativa de dos colores, en una escala de 1:1 a 21:1. Los umbrales son fijos: 4.5:1 para el texto de cuerpo, 3:1 para el texto grande y los componentes de la interfaz, y 7:1 para AAA.
APCA (Accessible Perceptual Contrast Algorithm, es decir, algoritmo de contraste perceptual accesible) produce un valor de contraste de luminosidad con signo, Lc, que va aproximadamente de −108 a +106. El signo indica la polaridad: positivo es texto oscuro sobre fondo claro, negativo es claro sobre oscuro. Lo fundamental es que el umbral no es fijo. Depende del tamaño y del peso de la fuente.
Esa diferencia lo explica todo.
Dónde falla WCAG 2
No ve la tipografía. Un pie de foto de 12px con trazo finísimo y un título de 32px en negrita con los mismos dos colores reciben exactamente la misma puntuación. Quien haya publicado un pie de foto que técnicamente aprobaba y resultó ilegible ya se topó con esta limitación en persona.
Lo que de verdad percibes es la tinta en la pantalla, y un glifo delgado pone mucha menos que uno grueso del mismo color.
No es fiable en modo oscuro. La fórmula de WCAG 2 suma una constante fija de 0.05 a los dos valores de luminancia, pensada para modelar el reflejo de la pantalla. En el extremo oscuro del rango, esa constante domina el cálculo, así que combinaciones cercanas al negro pueden mostrar una proporción que aprueba con holgura y aun así leerse apagadas y turbias.
No es una queja marginal: es uno de los problemas concretos que APCA se creó para corregir, y pesa más cada año a medida que el modo oscuro se vuelve el predeterminado para una gran parte de los usuarios.
Dónde incomoda APCA
La exigencia de APCA produce resultados que sorprenden:
Con 14px en peso regular no se aprueba con ningún contraste. Ni negro sobre blanco. Ninguna combinación. APCA dice que el texto de ese tamaño y peso necesita al menos 16px, o negrita. WCAG 2 aprueba sin más un pie de foto de 14px con 4.5:1.
16px en regular necesita Lc 90, lo que en la práctica significa texto casi negro sobre blanco. Mucho texto de cuerpo que se siente perfectamente cómodo no supera esa barrera.
Que esto te parezca riguroso o exagerado depende de tus ideas previas. Lo que no está en discusión es que modela la percepción de fondo con más precisión de la que puede lograr una proporción entre dos luminancias.
La cuestión del estado, respondida con honestidad
Aquí hay mucha confusión, así que, para ser precisos:
APCA no es un estándar. Se incluyó en uno de los primeros borradores de trabajo de WCAG 3 y luego volvió a un estado exploratorio en julio de 2023. No se espera que WCAG 3.0 llegue a Recomendación antes de 2028 como muy pronto, y es probable que tarde más.
WCAG 2.1 y 2.2 AA siguen siendo la referencia legal vigente. La ADA en Estados Unidos, la Ley Europea de Accesibilidad y los marcos equivalentes de otros lugares hacen referencia a WCAG 2.x. Si te piden demostrar conformidad, lo que te van a pedir es la proporción.
Así que quien te diga que te pases a APCA te está dando un consejo que podría hacerte reprobar una auditoría. Y quien te diga que ignores APCA te está diciendo que ignores el mejor modelo de legibilidad.
Cómo usar los dos en la práctica
Publica cumpliendo WCAG 2.2 AA. No es negociable si el cumplimiento te importa en algo. 4.5:1 para el cuerpo, 3:1 para texto grande y componentes de interfaz.
Revisa con APCA todo lo pequeño, delgado o sobre fondo oscuro. Son los tres casos en los que WCAG 2 es menos fiable. Si APCA no está de acuerdo con un aprobado de WCAG, créele a APCA sobre la experiencia de lectura, aunque registres la cifra de WCAG.
Toma un aprobado justo de WCAG como una advertencia. Superar 4.5:1 por 0.02 no es significativamente distinto de quedarse corto por 0.02. Si tu cifra de APCA también es marginal, la combinación va a fallar en cuanto alguien la ponga un poco más pequeña.
Usa APCA para defender cambios de tipografía, no solo de color. Aquí es donde se gana su lugar. Cuando APCA dice que una combinación de colores no funciona a 14px en regular, la solución suele ser cambiar la tipografía en lugar del color, y APCA te da la evidencia para argumentarlo.
Un desacuerdo, paso a paso
Toma un texto gris medio, #6b7280, sobre blanco, a 14px en regular.
WCAG 2 te da 4.83:1. Eso aprueba como texto de cuerpo en AA, y la mayoría de los equipos lo publicaría.
APCA te da Lc 72 en un tamaño y un peso en los que ningún contraste aprueba. Su recomendación no es “oscurece el gris”, sino “pon el texto a 16px o en negrita”.
Los dos tienen razón dentro de su propio modelo. Uno de ellos describe la experiencia de lectura.
La regla práctica
Registra la proporción de WCAG para el cumplimiento. Diseña según la cifra de APCA para la legibilidad. Cuando discrepen, la más estricta es la que van a vivir tus lectores.
Nuestro verificador de contraste muestra las dos lado a lado con el tamaño y el peso que de verdad vas a publicar, y dice explícitamente cuándo discrepan y por qué.