El Acta Europea de Accesibilidad ya tiene dientes: qué necesita tu sitio web

El Acta Europea de Accesibilidad es aplicable desde el 28 de junio de 2025. Durante el primer año, la mayoría de las empresas observaron para ver si alguien la hacía cumplir de verdad. Esa pregunta está respondida.

Un tribunal francés ordenó a Carrefour alcanzar la plena conformidad bajo una multa de 500 euros al día. Las autoridades de vigilancia del mercado de los Estados miembros pasaron de las solicitudes de información a las auditorías dirigidas durante 2026. Existen mecanismos de reclamación en cada Estado miembro, y las organizaciones de personas con discapacidad los están usando.

Si vendes a consumidores en la UE y tu sitio no es accesible, esto ya no es una cuestión de reputación. Es una cuestión supervisada.

Qué cubre realmente la norma

La Directiva 2019/882 se aplica a una lista definida de productos y servicios, no a toda la web. Los servicios incluidos son:

Comercio electrónico, definido de forma amplia como cualquier servicio que permita a un consumidor celebrar un contrato a distancia. Si alguien puede navegar, seleccionar y comprar en tu sitio, estás dentro.
Servicios bancarios para consumidores, incluida la banca en línea y las interfaces de pago.
Servicios de transporte de viajeros, incluidos sitios, aplicaciones y venta de billetes.
Servicios de comunicaciones electrónicas.
Acceso a servicios de comunicación audiovisual.
Libros electrónicos y programas informáticos especializados.

Entre los productos incluidos están los terminales de autoservicio, los terminales de pago, los lectores electrónicos y el hardware informático de consumo.

Dos límites importan en la práctica. Primero, la directiva se aplica a servicios prestados a consumidores. Las plataformas puramente entre empresas, las herramientas internas y los servicios no ofrecidos al público quedan fuera. Segundo, hay una exención para microempresas en servicios: menos de diez empleados y un volumen de negocios anual o balance general que no supere los dos millones de euros. Esa exención cubre servicios, no productos, y no se solicita: o estás bajo el umbral o no.

La exención es más estrecha de lo que se espera. Un minorista en línea de doce personas está dentro. También una empresa de ocho empleados que vende un producto físico cubierto por el anexo de productos.

La norma técnica

La directiva fija requisitos funcionales. El referente técnico es la norma europea armonizada EN 301 549, donde están los criterios realmente comprobables.

La versión publicada actual, V3.2.1 de marzo de 2021, incorpora las WCAG 2.1 nivel AA. Se espera una revisión alineada con las WCAG 2.2, que añade un pequeño número de criterios sobre apariencia del foco, movimientos de arrastre, tamaño de destino, ayuda coherente y entrada redundante. Nada dramático, pero si estás remediando ahora, apuntar a WCAG 2.2 en lugar de 2.1 evita hacer el trabajo dos veces.

La conformidad con la norma armonizada da presunción de conformidad con la directiva. Ese es el objetivo práctico: WCAG 2.1 AA hoy, WCAG 2.2 AA si quieres margen.

Qué significa esto en el código

Las guías de accesibilidad suelen escribirse al nivel de principios. Así se ve como trabajo, a partir de lo que encontramos en casi cada auditoría.

Semántica y estructura

La mayoría de los fallos de accesibilidad son estructurales. Una página construida con div anidados y manejadores de clic no le da nada a un lector de pantalla.

Usa elementos reales. Un botón es <button>, no un div con onClick. Un enlace que navega es <a href>. Ese solo cambio arregla operabilidad por teclado, comportamiento del foco y anuncio de una vez.
Puntos de referencia: header, nav, main, footer. Un solo main por página.
Encabezados en orden, que describan la estructura en lugar de elegirse por su tamaño de fuente.
Listas como listas, tablas como tablas con celdas de encabezado adecuadas y scope.
Idioma declarado en el elemento html, y cambiado en línea donde el contenido cambia de idioma. En un sitio multilingüe esto importa más de lo que se supone, porque si no un lector de pantalla leerá francés con voz inglesa.

Formularios

En los formularios es donde fallan las transacciones, así que se examinan con lupa.

Cada campo tiene una etiqueta asociada programáticamente. El texto de marcador de posición no es una etiqueta.
Los errores se identifican en texto, se asocian al campo y se anuncian. Un borde rojo por sí solo no comunica nada a una persona ciega.
Los campos obligatorios se marcan de forma expuesta a las tecnologías de apoyo.
Atributos autocomplete en campos de datos personales, criterio WCAG explícito que además mejora la conversión.
Los controles agrupados usan fieldset y legend.

Teclado y foco

Todo lo interactivo es alcanzable y operable con teclado, en un orden que coincide con la disposición visual.
El foco siempre es visible. Quitar los contornos sin sustituirlos es un fallo directo.
Sin trampas de teclado. Los modales atrapan el foco deliberadamente, lo devuelven al cerrar y se cierran con Escape.
Enlace de salto al contenido principal.

Diseño visual

Contraste de texto de al menos 4,5 a 1 para texto normal y 3 a 1 para texto grande.
Contraste no textual de 3 a 1 para componentes de interfaz y gráficos con significado, lo que atrapa muchos bordes de bajo contraste en campos de formulario.
El contenido se reajusta a 320 píxeles CSS de ancho sin desplazamiento horizontal.
El texto escala al 200 por ciento sin pérdida de contenido.
El color nunca transmite significado por sí solo.

Contenido dinámico

Las regiones activas anuncian cambios que ocurren sin recargar página, como actualizaciones del carrito o resúmenes de validación.
Los componentes propios llevan roles, estados y propiedades correctos. Si construyes un combobox a mano, sigue las ARIA Authoring Practices en lugar de improvisar.
Respeta la preferencia de movimiento reducido.
Nada que reproduzca audio automáticamente, y ningún carrusel con avance automático sin control de pausa.

Documentos y medios

Los PDF dentro del ámbito deben estar etiquetados y ser legibles. Una factura o unas condiciones entregadas como imagen escaneada fallan.
Los vídeos necesitan subtítulos. El audio pregrabado necesita transcripción.
Las imágenes necesitan texto alternativo que transmita la función. Las imágenes decorativas llevan un atributo alt vacío.

La declaración de accesibilidad

Los prestadores de servicios deben publicar información sobre cómo el servicio cumple los requisitos. Las declaraciones de accesibilidad ausentes o incompletas son uno de los hallazgos más comunes, y es extraño fallar en esto porque cuesta una tarde.

Una declaración útil incluye el objetivo de conformidad, la fecha de la última evaluación, el método empleado, una lista franca de limitaciones conocidas con calendario, un canal de retorno que atiende una persona real, y los datos del organismo nacional de ejecución para reclamaciones.

No prometas de más. Declarar conformidad total cuando existe una brecha conocida es peor que declarar conformidad parcial con un plan de remediación, tanto jurídica como prácticamente.

Sanciones

Las sanciones se fijan a nivel nacional y varían bastante. Las cifras publicadas incluyen hasta 90.000 euros en Países Bajos, rangos de 10.000 a 100.000 euros por infracción en Alemania, tramos de 75.000 a 300.000 euros por infracción en Francia, y hasta 60.000 euros en Irlanda. Algunos Estados miembros permiten cálculos basados en el volumen de negocios en casos reiterados o graves.

La exposición financiera a menudo no es el mayor coste. Que te ordenen remediar bajo multa diaria significa hacer el trabajo bajo presión de plazo, con un auditor delante, lo que es mucho más caro que hacerlo con calma.

Las superposiciones no funcionan

Las capas de accesibilidad, esos widgets de JavaScript que prometen conformidad instantánea, no la entregan. No pueden arreglar semántica ausente, no pueden escribir texto alternativo con sentido, y con frecuencia interfieren con la tecnología de apoyo que el usuario ya ha configurado. Las organizaciones de defensa de personas con discapacidad han sido consistentes en esto, y los litigios en otras jurisdicciones han implicado repetidamente a sitios con superposición.

Trátalas como un impuesto, no como una solución.

Una ruta de remediación realista

Esta es la secuencia que usamos y que suele eliminar la mayor parte del riesgo en las dos primeras fases.

Fase 1: escaneo automatizado más auditoría manual. Las herramientas automáticas detectan alrededor de un tercio de los problemas, lo cual es útil pero muy insuficiente. Combina el escaneo con pruebas manuales de teclado y pruebas con lector de pantalla en las rutas críticas: inicio, categoría, producto, carrito, pago, cuenta, contacto.

Fase 2: arreglar las rutas transaccionales. Pago, alta, inicio de sesión, búsqueda. Ahí es donde un sitio inaccesible deja de ser una molestia y se convierte en exclusión, y de eso irá una reclamación.

Fase 3: arreglar la biblioteca de componentes. La mayoría de los sitios se construyen con un conjunto limitado de componentes repetidos por todas partes. Arreglar una vez el botón, el campo, el modal, el desplegable, las pestañas y la tabla arregla cientos de páginas de golpe. Ahí está la palanca.

Fase 4: contenido y documentos. Textos alternativos, encabezados, PDF, subtítulos. Lento pero no técnicamente difícil.

Fase 5: evitar regresiones. Comprobaciones automatizadas de accesibilidad en integración continua, reglas de lint para JSX o plantillas, y criterios de accesibilidad en la definición de terminado. Sin esto, pagarás la auditoría otra vez en dieciocho meses.

El beneficio colateral

Todo lo anterior mejora además la visibilidad en buscadores, las Core Web Vitals y la conversión. Una estructura de encabezados adecuada, marcado semántico, etiquetas reales y contraste suficiente son exactamente lo que ayuda a los rastreadores a analizar una página y a los usuarios normales a completar una compra en el móvil con mala luz.

También hay solapamiento con obligaciones más nuevas. Las reglas de transparencia del Reglamento de IA exigen que la información se facilite de manera clara y distinguible, conforme a los requisitos de accesibilidad aplicables, lo que significa que un aviso de IA enterrado en una información sobre herramienta inaccesible falla dos veces. Lo tratamos en el artículo sobre transparencia del Reglamento de IA.

Por dónde empezar

Si no te han auditado, empieza con un teclado. Desconecta el ratón e intenta completar una compra en tu propio sitio. La mayoría de los equipos encuentra sus tres primeros problemas en menos de cinco minutos, y es una demostración más persuasiva para la dirección que cualquier informe.

Realizamos auditorías de accesibilidad y programas de remediación para empresas que operan en la UE, incluido el trabajo sobre la biblioteca de componentes y la integración en CI para que el arreglo aguante. Hay más detalle en nuestra página de remediación de accesibilidad, y el contexto regulatorio más amplio en nuestro mapa de cumplimiento digital de la UE 2026.

Escríbenos a office@c9group.dev si quieres una lectura honesta de tu situación.