European Accessibility Act 2026: la guía definitiva para diseñadores web

Actualizado en octubre de 2026: la norma técnica de la EAA, la EN 301 549, tiene versión nueva desde el 2 de septiembre de 2026. Pasa de WCAG 2.1 a WCAG 2.2. Te cuento qué cambia para ti en la sección de WCAG.

El 28 de junio de 2025 empezó a aplicarse la European Accessibility Act (EAA), la ley europea que obliga a productos y servicios digitales a cumplir requisitos de accesibilidad. En 2026 ya no es teoría: hay sentencias, y los clientes empiezan a exigir cumplimiento por escrito. Esta es la guía que necesitas como diseñador web para entender qué exige, a quién obliga y cómo adaptarte sin entrar en pánico (ni en multas).

Qué es la European Accessibility Act y a quién afecta

La EAA es la directiva europea 2019/882, transpuesta a la ley nacional de cada país. Su objetivo: que los productos y servicios digitales sean accesibles para personas con discapacidad. En la práctica afecta a webs de comercio electrónico, banca, transporte, libros electrónicos, mensajería y servicios de comunicación dirigidos a consumidores en la UE.

Quedan exentas las microempresas (menos de 10 trabajadores y menos de 2 millones de euros de facturación o balance). Pero cualquier web que venda a consumidores en la UE puede entrar en el alcance. Y aunque tu cliente esté exento, es probable que sus clientes grandes (B2B) se lo pidan para seguir contratándole. Si una empresa obligada subcontrata parte de su servicio, esa parte también tiene que cumplir.

Cambios obligatorios desde junio 2025

En España, la EAA se aplica a través de la Ley 11/2023, de 8 de mayo. Para una empresa que vende servicios online, lo esencial es esto:

  • El servicio tiene que cumplir los requisitos de accesibilidad desde el 28 de junio de 2025.
  • Tienes que publicar información de accesibilidad: cómo cumple tu servicio los requisitos, en un formato que también sea accesible. Es lo que se suele llamar declaración de accesibilidad.
  • Si subcontratas parte del servicio (una pasarela de pago, un chat, una plataforma de reservas), esa parte también tiene que cumplir.
  • Quedan fuera las microempresas que prestan servicios: menos de 10 personas y menos de 2 millones de euros de facturación o balance.

Un plan de mejora y revisiones periódicas no son obligatorios para una empresa privada, pero te los recomiendo. Son la mejor prueba de buena fe si alguien reclama. Para el sector privado es un salto enorme: hasta ahora, cumplir era voluntario.

WCAG: de 2.1 AA a 2.2 AA

La EAA no dice «cumple WCAG». Se apoya en una norma técnica europea, la EN 301 549, y esa norma es la que incluye WCAG. Hasta ahora, la versión de referencia era la 3.2.1, basada en WCAG 2.1 AA: 50 criterios de nivel A y AA, agrupados en cuatro principios (perceptible, operable, comprensible y robusto).

El 2 de septiembre de 2026 se publicó la EN 301 549 v4.1.1, que pasa a WCAG 2.2 AA. Según Deque, se espera que el Diario Oficial de la UE la cite hacia finales de noviembre de 2026. Hasta entonces, la versión 3.2.1 sigue siendo la que da presunción de conformidad.

Mi consejo: si hoy diseñas algo nuevo, diseña ya para WCAG 2.2 AA. Lo que lances ahora seguirá online cuando la nueva versión sea la de referencia. Y cumplir WCAG no cubre toda la norma: la EN 301 549 también tiene requisitos para documentos, software y comunicación en tiempo real.

Los 6 criterios nuevos de WCAG 2.2 que te tocan como diseñador

Los seis criterios nuevos de WCAG 2.2 de nivel A y AA que afectan al diseño y entran en la European Accessibility Act
Los seis criterios nuevos de WCAG 2.2 de nivel A y AA que afectan al diseño y entran en la European Accessibility Act
CriterioNivelQué cambias en tu diseño
2.4.11 Foco no oculto (mínimo)AARevisa que la cabecera fija, los banners de cookies y los chats flotantes no tapen el elemento que tiene el foco.
2.5.7 Movimientos de arrastreAASliders, tableros tipo kanban o listas que se reordenan: añade botones o flechas para hacerlo sin arrastrar.
2.5.8 Tamaño del objetivo (mínimo)AAIconos y botones de al menos 24 × 24 px CSS, o con espacio libre suficiente alrededor. Crea un componente base en Figma con ese tamaño.
3.2.6 Ayuda coherenteASi pones contacto, chat o FAQ en varias páginas, mantenlos en el mismo orden y en el mismo sitio.
3.3.7 Entrada redundanteAEn un checkout o un formulario largo, no pidas dos veces el mismo dato. Rellénalo o deja marcar «igual que la dirección de envío».
3.3.8 Autenticación accesible (mínimo)AANada de puzzles ni de memorizar sin alternativa. Deja pegar la contraseña, usar el gestor o entrar con un enlace por email.

WCAG 2.2 también elimina el criterio 4.1.1 Procesamiento, que se había quedado obsoleto. El resto de criterios de 2.1 sigue igual. Tienes la lista completa en la página del W3C sobre las novedades de WCAG 2.2.

Checklist de cumplimiento (15 puntos)

Esta es la lista que aplico en cualquier auditoría rápida:

  • Contraste mínimo 4.5:1 (texto normal) y 3:1 (texto grande).
  • Todas las imágenes con alt text descriptivo o vacío intencionado.
  • Estructura de encabezados H1-H6 lógica y sin saltos.
  • Foco visible en todos los elementos interactivos.
  • Navegación posible solo con teclado (Tab, Enter, Escape).
  • Vídeos con subtítulos y transcripción.
  • Audio con transcripción.
  • Formularios con labels asociadas y mensajes de error claros.
  • Enlaces con texto descriptivo (no «haz clic aquí»).
  • Idioma del documento declarado (lang="es").
  • Compatibilidad con lectores de pantalla (NVDA, JAWS, VoiceOver).
  • Captchas con alternativa accesible.
  • Tablas con encabezados (th) bien marcados.
  • Animaciones que respetan prefers-reduced-motion.
  • Declaración de accesibilidad pública en el footer.

¿Tu web vende online y no sabes si cumple? Revisar contraste, teclado, formularios y la declaración de accesibilidad es parte de cualquier rediseño serio. Si prefieres que lo hagamos por ti, mira nuestros servicios de diseño web.

Sanciones y casos reales en 2026

Las multas dependen de la ley de cada país. Estas son las que he podido comprobar:

PaísLeyMulta máximaQuién vigila
EspañaLey 11/2023 (remite a la Ley General de Derechos de las Personas con Discapacidad)Leves hasta 30.000 €, graves hasta 90.000 €, muy graves hasta 1.000.000 €Dirección General de Consumo y las autoridades de consumo autonómicas
AlemaniaBFSG (Barrierefreiheitsstärkungsgesetz)Hasta 100.000 € por infracciónAutoridades de vigilancia del mercado
Multas máximas según la ley de cada país (comprobadas en octubre de 2026).

Fuentes: el análisis de Fieldfisher sobre la Ley 11/2023 y el artículo 37 de la BFSG. En España, las infracciones muy graves también pueden suponer quedarse fuera de subvenciones públicas.

Y ya no es hipotético. Los primeros casos han llegado de Francia, todos contra cadenas de supermercados y a iniciativa de las asociaciones apiDV y Droit Pluriel:

  • Auchan (Lille, mayo de 2026): demanda desestimada. El tribunal aplicó un umbral de facturación de la ley francesa de 2005. Está recurrida.
  • Carrefour (Caen, 4 de junio de 2026): el tribunal le dio seis meses para hacer accesibles su web y su app, con 500 € por cada día de retraso. Carrefour alegaba un 71 % de conformidad y no le bastó.
  • E.Leclerc y Picard: con procedimientos abiertos en el momento de escribir esto.

Fuentes: Handicap.fr y Silktide. La lección para ti: un porcentaje alto de cumplimiento no es una defensa. Lo que cuenta es si una persona con discapacidad puede comprar.

Más allá de la multa, el riesgo reputacional pesa: una empresa señalada por incumplir accesibilidad puede perder contratos públicos y clientes B2B.

Herramientas para auditar y corregir

Mi stack para auditorías EAA en 2026:

  • axe DevTools: extensión de Chrome, gratis, la primera pasada.
  • WAVE: web y extensión, muy visual.
  • Lighthouse: chequeo rápido de contraste y semántica.
  • Stark: auditoría desde Figma, para pillar problemas en la fase de diseño.
  • NVDA: lector de pantalla gratis en Windows, para test manual.

Ojo con fiarlo todo a las herramientas automáticas. En el estudio más citado, Deque calculó que sus pruebas automáticas detectaban un 57 % de los problemas, medidos sobre sus propias auditorías. El resto exige revisar a mano, sobre todo en flujos críticos como la compra o el login: navegar con teclado, escuchar la página con un lector de pantalla y probar los formularios.

Y recuerda: es mucho más barato auditar desde el diseño que arreglar después. Una prueba que casi nadie hace es manejar la web con el control por voz del móvil o del ordenador. Te explico cómo en la guía de navegación por voz.

La EAA va a seguir cambiando. Cuando la nueva norma entre en vigor o haya sentencias nuevas, lo cuento en la newsletter, junto con recursos de diseño web. Apúntate gratis aquí.

Preguntas frecuentes

¿La EAA afecta a webs pequeñas y blogs?

Las microempresas (menos de 10 empleados y menos de 2 M€) están exentas, pero la accesibilidad sigue siendo recomendable como buena práctica. Y ojo: si tu cliente vende online a consumidores, puede no estar exento aunque sea pequeño.

¿Cuánto cuesta adaptar una web a la EAA?

Depende tanto del punto de partida que cualquier cifra general engaña. Una web hecha con un tema bien construido puede quedarse en ajustes de contraste, textos alternativos y formularios. Una tienda con un checkout a medida puede necesitar rehacer componentes. Lo sensato es empezar por una auditoría y presupuestar sobre lo que encuentre. Y hacerlo desde el diseño: corregir a posteriori sale mucho más caro.

¿Qué pasa si no cumplo en 2026?

En España vigilan la Dirección General de Consumo y las autoridades de consumo autonómicas. Pueden iniciar inspecciones, y cualquier persona o asociación puede denunciar. Las multas se imponen por infracción, así que pueden acumularse. A eso se suma el riesgo de perder contratos.

¿La EAA exige WCAG 2.2 o solo 2.1?

Hoy, la referencia con presunción de conformidad sigue siendo WCAG 2.1 AA, a través de la EN 301 549 v3.2.1. La nueva v4.1.1, publicada en septiembre de 2026, ya incluye WCAG 2.2 AA. Se espera que el Diario Oficial de la UE la cite a finales de 2026. WCAG 2.2 añade 9 criterios, 6 de ellos de nivel A o AA: si diseñas ahora, apunta a 2.2.

¿Necesito una declaración de accesibilidad?

Sí, aunque no con el formato del sector público. La Ley 11/2023 pide que publiques información sobre cómo cumple tu servicio los requisitos de accesibilidad, en un formato accesible. Lo práctico es una página enlazada desde el footer. Puedes añadir el grado de cumplimiento, las partes no accesibles y un contacto para reportar barreras. No es obligatorio para una empresa privada, pero es buena práctica.

Conclusión: la accesibilidad ya no es opcional

La EAA ha cambiado el panorama: lo que antes era buena práctica ahora es ley, y los clientes van a empezar a pedirlo por escrito. La buena noticia es que la mayoría de criterios se cumplen con disciplina de diseño y herramientas gratuitas. La mala es que ignorarla en 2026 ya empieza a salir caro, con sentencias reales sobre la mesa.

¿Quieres seguir con la parte práctica? Empieza por cómo diseñar para la navegación por voz, donde explico el criterio 2.5.3 con ejemplos de código. Después repasa cómo escribir texto alternativo con ayuda de la IA y estos plugins de accesibilidad para WordPress.

Mi recomendación: incluye en tus presupuestos una cláusula de cumplimiento WCAG 2.2 AA (o al menos 2.1 AA). Audita con axe en cada entrega y entrega siempre la declaración de accesibilidad redactada al cliente. Te diferencia y te protege como freelance. Si te ha servido, compártelo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio