La Ley Europea de Accesibilidad y tu paleta de color

La Ley Europea de Accesibilidad (EAA, por sus siglas en inglés) es una directiva de la UE que exige que una amplia gama de productos y servicios digitales vendidos en la UE — comercio electrónico, banca, transporte, libros electrónicos y más — sean accesibles, con una aplicación por parte de los Estados miembros que entra en vigor de forma escalonada desde junio de 2025. Para el color, su efecto práctico discurre a través de una cadena de normas que termina en WCAG 2.1 AA: los umbrales de contraste de 4,5:1 y 3:1 pasaron de ser una buena práctica a una expectativa regulatoria para los productos dentro de su ámbito.

Una cosa antes de los detalles: somos un sitio de herramientas de diseño, no un despacho de abogados, y este artículo es orientación, no asesoría legal — dónde queda tu producto bajo la EAA es una cuestión para un abogado. Lo que sí podemos hacer es explicar cómo una directiva acaba apuntando a los mismos números de contraste que cubrimos a lo largo de nuestra guía de contraste, y qué significa eso para el trabajo con paletas en la práctica.

¿Qué es la Ley Europea de Accesibilidad?

La EAA es una directiva, no un reglamento — una distinción con consecuencias. Una directiva fija el objetivo y cada Estado miembro la transpone a su legislación nacional, así que los mecanismos de aplicación, las sanciones y algunos detalles varían de un país a otro. La fecha que suele citarse, el 28 de junio de 2025, es cuando las obligaciones empezaron a aplicarse a la mayoría de los productos y servicios dentro de su ámbito, pero los periodos de transición varían según el Estado y la categoría de producto — algunos servicios existentes y terminales de autoservicio tienen plazos más largos. La afirmación general segura: desde 2025 la obligación está vigente, y los detalles de cuándo exactamente, para ti dependen de dónde y qué vendes.

¿Cómo acaba una ley especificando ratios de contraste?

La directiva en sí no menciona el contraste — enuncia los requisitos de accesibilidad en términos funcionales. Los números llegan a través de la cadena de normas: la conformidad en la práctica se evalúa frente a la EN 301 549, la norma europea de accesibilidad de las TIC, y para el contenido web y las apps la EN 301 549 incorpora WCAG 2.1 nivel AA. Dentro de WCAG 2.1 AA están los dos criterios a los que responde una paleta: el contraste del texto en 4,5:1 (3:1 para texto grande) y el contraste de elementos no textuales en 3:1 para componentes de interfaz significativos.

Así que la cadena discurre: EAA → ley nacional → EN 301 549 → WCAG 2.1 AA → tus combinaciones de texto sobre fondo. Nada en esa cadena es un requisito de diseño nuevo — son los mismos umbrales que el trabajo de accesibilidad ha perseguido durante años. Lo que cambió es su peso: para los productos dentro de su ámbito, una combinación que no cumple ya no es solo un defecto de calidad.

¿Qué productos entran en su ámbito?

La directiva nombra categorías en lugar de tecnologías: servicios de comercio electrónico, banca de consumo, servicios de transporte de pasajeros, libros electrónicos y sus plataformas, comunicaciones electrónicas, y las caras orientadas al consumidor de varias categorías de dispositivos. Dos excepciones frecuentemente relevantes: los servicios puramente B2B quedan en gran medida fuera del ámbito orientado al consumidor, y las microempresas — menos de 10 empleados y menos de 2 millones de euros de facturación — están exentas de las obligaciones de servicio. Ambas fronteras tienen bordes (una empresa B2B con un checkout de comercio electrónico público, una empresa en crecimiento que cruza el umbral) y esos bordes son exactamente donde un abogado se gana su honorario. La conclusión desde el lado del diseño es más simple: si los consumidores de la UE compran o usan tu producto digital, asume que los umbrales aplican hasta que alguien cualificado te diga lo contrario.

¿Qué significa para el trabajo con paletas, en concreto?

Tres cosas, en orden descendente de esfuerzo ahorrado.

Las combinaciones que siempre deberían haber pasado ahora tienen peso legal. El trabajo no cambia — texto de cuerpo en 4,5:1, texto grande y componentes de interfaz en 3:1 — pero el “ya arreglaremos el contraste luego” ahora envejece de otra manera en un producto dentro de su ámbito.

El cumplimiento más barato son los umbrales en tiempo de construcción. Una paleta cuyos roles se derivan con los umbrales AA aplicados en la derivación no puede emitir la combinación que falla en primer lugar — una decisión en el origen sustituye a las auditorías página por página aguas abajo.

El rastro de auditoría importa. Los regímenes de aplicación preguntan no solo si cumples, sino si puedes demostrarlo. Las comprobaciones que se ejecutan en la derivación y las exportaciones que llevan los valores derivados (design tokens, variables CSS) dejan documentación como efecto secundario; los arreglos improvisados no dejan nada a lo que apuntar.

Abre una paleta derivada contra los umbrales AA — cada rol de texto e interfaz comprobado frente a su superficie en la derivación, con el ratio mostrado junto a cada combinación.

¿Qué no exige la EAA?

Desinflar el pánico es tan útil como enunciar la obligación. La EAA no exige APCA ni ninguna métrica del borrador de WCAG 3 — la cadena termina en WCAG 2.1, y los modelos de contraste más nuevos no tienen peso regulatorio en ella. No exige AAA: el nivel de contraste reforzado de 7:1 sigue siendo opcional, y el listón regulatorio es AA. No obliga a usar ningún color específico — ninguna paleta, tono o “lista de colores accesibles” aparece en ningún punto de la cadena; cualquier par de colores que supere los ratios sirve. Y no proscribe el color de marca: un azul de marca de luminosidad media que no llega a 4,5:1 sobre blanco sigue siendo plenamente utilizable para texto grande, componentes de interfaz y rellenos — lo que no puede ser es texto de cuerpo sobre ese fondo.

¿Cómo se compara con leyes de otros lugares?

Ligeramente, porque cada una merece su propio artículo: en Estados Unidos, la jurisprudencia de la ADA y la Sección 508 hacen ambas referencia a WCAG en la práctica, así que los mismos umbrales AA son el listón de facto. La Equality Act del Reino Unido y las regulaciones de accesibilidad del sector público apuntan en la misma dirección, al igual que regímenes comparables en Canadá y Australia. El patrón para una paleta es conveniente: una sola norma — WCAG 2.x AA — satisface las expectativas de contraste de esencialmente todos los regímenes importantes a la vez. Construir para AA no es un trabajo específico de la UE.

¿Cómo se hace una comprobación de brechas en una paleta existente?

Una pasada trabajada, ordenada por exposición — primero las combinaciones más leídas:

1. Texto de cuerpo sobre cada superficie de página — blanco, tarjetas, paneles tintados — en 4,5:1. El mayor volumen, el mayor escrutinio.
2. Texto secundario y atenuado en 4,5:1 — de las clases de fallo más comunes en las auditorías: grises claros como #9CA3AF sobre blanco se quedan en ≈2,5:1, mientras que #6B7280 supera con ≈4,8:1.
3. Texto sobre controles rellenos — etiquetas contra el relleno, no contra la página: blanco sobre un botón primario #2563eb es ≈5,2:1.
4. Bordes de componentes en 3:1 — bordes de campos de entrada, iconos significativos, indicadores de foco, estados marcado-vs-no-marcado.
5. Colores de estado — texto de error, éxito y advertencia en 4,5:1 frente a sus fondos (un fallo común: rojo de error sobre un tinte rosa).
6. Ambos temas — el modo oscuro vuelve a repartir todas las filas de arriba; verifícalo por separado en lugar de confiar en veredictos heredados.

Los controles deshabilitados y los elementos decorativos están exentos y pueden excluirse de la pasada — pero anota que se excluyeron, para el rastro de auditoría.

Haz la comprobación de brechas en tu propia paleta

La lista de arriba es lo bastante mecánica como para delegarla. Carga tu paleta y recorre la comprobación de brechas — cada par de roles de la lista, comprobado contra los umbrales AA en orden, de modo que lo que queda es una lista de tareas en lugar de una pregunta abierta.