BLOG DE DISEÑO

Accesibilidad web: qué exige la ley europea (EAA) desde 2025 y cómo adaptar tu web o tienda online

La accesibilidad web consiste en que cualquier persona, también con discapacidad, pueda usar una web o app. Desde el 28 de junio de 2025, la Ley 11/2023, que traspone la European Accessibility Act, obliga a tiendas online y otros servicios digitales para consumidores a ser accesibles, salvo microempresas de servicios. La referencia técnica es WCAG nivel AA.

Germán Gutiérrez Escrito por Germán Gutiérrez 11 min de lectura
Accesibilidad web: qué exige la ley europea (EAA) desde 2025 y cómo adaptar tu web o tienda online

≡En resumen

  • La Ley 11/2023 aplica desde el 28 de junio de 2025 a los servicios de comercio electrónico, banca, transporte, telecomunicaciones, libros electrónicos y redes sociales dirigidos a consumidores.
  • Las microempresas que prestan servicios (menos de 10 empleados y hasta 2 millones de euros de facturación o balance) están exentas.
  • Las infracciones se sancionan según la normativa sectorial y, de forma supletoria, con multas de 301 € a 1.000.000 € de la Ley General de derechos de las personas con discapacidad.
  • Técnicamente, cumplir significa en la práctica seguir WCAG en nivel AA: hoy la norma europea citada remite a WCAG 2.1 y su nueva versión, a WCAG 2.2.
  • Además de adaptar la web, debes explicar en tus condiciones generales cómo cumple tu servicio los requisitos de accesibilidad.

01 Qué es la accesibilidad web y por qué ya es una obligación legal

Una web es accesible cuando la pueden usar personas ciegas con un lector de pantalla, personas que navegan solo con teclado, con baja visión, sordas, con dificultades cognitivas o personas mayores que amplían el texto. En la práctica significa textos alternativos en las imágenes, buen contraste, formularios bien etiquetados, vídeos subtitulados y una navegación que no dependa del ratón.

Durante años fue una buena práctica que solo exigía la ley a las administraciones públicas. Desde el 28 de junio de 2025 también es obligatoria para buena parte del sector privado que vende o presta servicios a consumidores, empezando por las tiendas online. Por eso, en cualquier proyecto de diseño web profesional la accesibilidad ya forma parte de los requisitos, no de los extras.

01

Perceptible

La información se puede percibir por más de un sentido: textos alternativos, subtítulos, contraste suficiente.

02

Operable

Todo se puede usar con teclado, sin límites de tiempo imposibles y con objetivos táctiles de tamaño suficiente.

03

Comprensible

Textos claros, comportamiento predecible y formularios que explican los errores y cómo corregirlos.

04

Robusta

El código funciona con navegadores y tecnologías de apoyo como los lectores de pantalla.

4,38 M

personas con discapacidad en España (94,9 por cada mil habitantes)

Fuente: INE, Encuesta EDAD 2020

95,9 %

de las páginas de inicio analizadas tenía errores WCAG detectables automáticamente

Fuente: WebAIM Million 2026 (un millón de webs)

83,9 %

de esas páginas tenía textos con contraste insuficiente, el error más común

Fuente: WebAIM Million 2026

02 Qué exige la ley: European Accessibility Act y Ley 11/2023

La European Accessibility Act (Directiva (UE) 2019/882) fija requisitos comunes de accesibilidad para determinados productos y servicios en toda la Unión. España la incorporó con el título I de la Ley 11/2023, de 8 de mayo, que entró en vigor para estos requisitos el 28 de junio de 2025. Es la que se conoce como ley de accesibilidad 2025.

Aspecto Qué dice la norma
Norma Ley 11/2023, título I (trasposición de la Directiva (UE) 2019/882)
Aplicable desde 28 de junio de 2025
Servicios afectados Comercio electrónico, banca para consumidores, comunicaciones electrónicas, acceso a servicios audiovisuales, webs y apps de transporte de viajeros, libros electrónicos, redes sociales y, desde la ley española, webs y apps de suministro eléctrico, agua y gas y de agencias de viajes
Excepción Microempresas que prestan servicios
Requisitos Anexo I de la ley: perceptible, operable, comprensible y robusto, más requisitos específicos por servicio
Información obligatoria Explicar en las condiciones generales cómo cumple el servicio los requisitos (artículo 13)
Contratos anteriores Los contratos de servicios firmados antes del 28 de junio de 2025 pueden seguir sin cambios hasta su fin, con un máximo de cinco años desde esa fecha
Sector público Tiene su propia norma, el Real Decreto 1112/2018
La normativa de accesibilidad web en España, en resumen

03 A quién obliga la ley de accesibilidad web

La ley define los servicios de comercio electrónico como los prestados a distancia a través de sitios web y apps, por medios electrónicos y a petición individual de un consumidor, para celebrar un contrato con él. Es decir: si un consumidor puede comprar o contratar en tu web o app, estás dentro. Da igual que vendas productos, reservas o suscripciones.

Tu caso ¿Afectado? Por qué
Tienda online que vende a consumidores (B2C) Sí, salvo microempresa Es un servicio de comercio electrónico
App o web de reservas y pagos para particulares Sí, salvo microempresa Permite contratar a distancia con consumidores
Web corporativa informativa sin contratación En principio, no por esta ley No hay contrato con el consumidor a través de la web
Ecommerce solo para empresas (B2B) En principio, no La ley se refiere a servicios prestados a consumidores
Banco, operadora, transporte, agencia de viajes, eléctrica Sí, en sus webs y apps Son servicios incluidos expresamente
Administración pública Sí, por otra norma Real Decreto 1112/2018
¿Me afecta la Ley 11/2023?

04 Excepción de microempresa y carga desproporcionada

El artículo 3.3 exime a las microempresas que presten servicios de cumplir los requisitos de accesibilidad y las obligaciones asociadas. La ley define microempresa con dos condiciones que deben darse a la vez.

Fuera de esa excepción, el artículo 16 permite no aplicar algún requisito si supone una modificación sustancial del servicio o una carga desproporcionada. No es una puerta abierta: tienes que hacer y documentar una evaluación con los criterios del anexo V de la ley, cumplir todo lo que no sea desproporcionado y, aun así, hacer el servicio lo más accesible posible.

Ejemplo · Tres tiendas online, tres situaciones

Tienda de 4 empleados que factura 600.000 €: microempresa de servicios, exenta, aunque le conviene ser accesible para vender más y porque puede crecer por encima del umbral.

Tienda de 12 empleados que factura 1,5 millones: supera los 10 empleados, así que no es microempresa y está obligada.

Marca con 8 empleados que factura 3 millones y cuyo balance también supera los 2 millones: supera los dos umbrales económicos, no es microempresa y está obligada.

05 Sanciones por incumplir la normativa de accesibilidad web

El artículo 30 de la Ley 11/2023 remite al régimen sancionador de la legislación sectorial de cada servicio y, en lo que no esté previsto, al título III de la Ley General de derechos de las personas con discapacidad (Real Decreto Legislativo 1/2013). Esa ley fija multas de 301 € a 1.000.000 € según la gravedad.

Infracción Grado mínimo Grado medio Grado máximo
Leve 301 a 6.000 € 6.001 a 18.000 € 18.001 a 30.000 €
Grave 30.001 a 60.000 € 60.001 a 78.000 € 78.001 a 90.000 €
Muy grave 90.001 a 300.000 € 300.001 a 600.000 € 600.001 a 1.000.000 €
Multas del régimen supletorio (Real Decreto Legislativo 1/2013)

06 WCAG 2.2: el estándar técnico para cumplir

La ley describe los requisitos en términos funcionales, pero para demostrar que los cumples se usan normas técnicas. La norma europea armonizada es la EN 301 549, que para la web remite a las pautas WCAG del W3C en nivel AA. La versión citada oficialmente, la 3.2.1 de 2021, se basa en WCAG 2.1; la nueva EN 301 549 v4.1.1, publicada en septiembre de 2026, incorpora WCAG 2.2 y dará presunción de conformidad cuando la Comisión Europea la cite en el Diario Oficial.

01

2.4.11 Foco no oculto (AA)

El elemento que tiene el foco del teclado no puede quedar tapado por cabeceras fijas, banners de cookies o chats.

02

2.5.7 Movimientos de arrastre (AA)

Todo lo que se hace arrastrando (deslizadores, ordenar elementos) debe poder hacerse también con clics o toques.

03

2.5.8 Tamaño del objetivo (AA)

Botones y enlaces de al menos 24 × 24 píxeles CSS o con espacio suficiente alrededor.

04

3.3.8 Autenticación accesible (AA)

Iniciar sesión no puede depender de resolver un puzle o memorizar un código sin alternativa. Lo habitual para cumplir es permitir pegar la contraseña y usar gestores de contraseñas.

05

3.2.6 Ayuda consistente (A)

Si ofreces ayuda (teléfono, chat, preguntas frecuentes), debe estar en el mismo lugar en todas las páginas.

06

3.3.7 Entrada redundante (A)

No obligues a escribir dos veces el mismo dato en un proceso: por ejemplo, ofrece reutilizar la dirección de envío como dirección de facturación.

07 Requisitos WCAG AA traducidos a tareas concretas

Seis tipos de error concentran la gran mayoría de los problemas que detectan las herramientas automáticas: contraste bajo, imágenes sin texto alternativo, campos sin etiqueta, enlaces vacíos, botones vacíos y falta del idioma del documento. Empezar por ellos da el mayor avance con el menor esfuerzo.

Pauta (criterio WCAG) Tarea concreta Quién la hace
Contraste mínimo (1.4.3) Texto normal con contraste de al menos 4,5:1 y texto grande de 3:1 Diseño
Contenido no textual (1.1.1) Texto alternativo que describa cada imagen informativa; vacío en las decorativas Contenido y desarrollo
Etiquetas e instrucciones (3.3.2) Cada campo con su etiqueta visible asociada, no solo un texto de ejemplo dentro Desarrollo
Teclado (2.1.1) y foco visible (2.4.7) Menús, filtros, carrito y pago usables solo con teclado, con el foco siempre visible Desarrollo
Nombre, función y valor (4.1.2) Botones de icono (buscar, cerrar, carrito) con nombre accesible Desarrollo
Idioma de la página (3.1.1) Atributo lang correcto en cada idioma de la web Desarrollo
Redimensionar y reajuste (1.4.4 y 1.4.10) Texto ampliable al 200 % y contenido usable a 320 píxeles de ancho sin scroll horizontal Diseño y desarrollo
Subtítulos (1.2.2) Vídeos con subtítulos sincronizados Contenido
De la pauta a la tarea

08 Tienda online accesible: requisitos específicos del e-commerce

Además de los requisitos generales, el anexo I de la ley añade tres obligaciones específicas para los servicios de comercio electrónico: facilitar la información sobre la accesibilidad de los productos cuando el fabricante la proporcione, y que la identificación, la seguridad y el pago sean perceptibles, operables, comprensibles y robustos. En la práctica, el checkout es donde más tiendas fallan.

  • ✓Filtros y variantes (talla, color) utilizables con teclado y anunciados por el lector de pantalla.
  • ✓Carrito que avisa de los cambios (producto añadido, cantidad, precio) sin depender solo de una animación.
  • ✓Formularios de dirección y pago con etiquetas, autocompletado y mensajes de error que explican cómo corregir.
  • ✓Pasarela de pago y 3D Secure compatibles con teclado y lector de pantalla; revisa también la página del proveedor.
  • ✓Sin límites de tiempo cortos en la sesión de pago, o con aviso y opción de ampliarlos.
  • ✓Inicio de sesión sin CAPTCHA de imágenes como única opción y permitiendo pegar contraseñas.
  • ✓Información de accesibilidad del producto en la ficha cuando el fabricante la facilite.

Si estás rediseñando la tienda, es el momento de incluirlo: adaptar después cuesta más que hacerlo desde el principio. En nuestros proyectos de diseño web de tienda online revisamos el checkout completo con teclado y lector de pantalla antes de publicar.

09 Checklist de auditoría de accesibilidad web

Las herramientas automáticas detectan solo una parte de los problemas. Una auditoría útil combina análisis automático, revisión manual y pruebas con tecnologías de apoyo sobre las plantillas y los procesos clave, no sobre páginas sueltas. Como muchos fallos se solapan con los del SEO técnico (encabezados, enlaces, idioma, rendimiento), merece la pena hacerla a la vez que una auditoría SEO on page.

  1. 1

    Define el alcance

    Plantillas principales (home, categoría, ficha, buscador) y procesos completos: registro, inicio de sesión, carrito, pago y contacto.

  2. 2

    Análisis automático

    Pasa un validador de accesibilidad por cada plantilla para detectar contraste, alternativos, etiquetas y errores de código.

  3. 3

    Navega solo con teclado

    Tabula por cada página y proceso: orden lógico, foco visible, sin trampas de teclado y todo operable.

  4. 4

    Prueba con lector de pantalla

    NVDA o VoiceOver: comprueba que se anuncian encabezados, botones, errores y cambios del carrito.

  5. 5

    Zoom y móvil

    Amplía al 200 %, reduce a 320 píxeles de ancho y revisa tamaños de los objetivos táctiles.

  6. 6

    Documenta y prioriza

    Registra cada fallo con el criterio WCAG, la página, el impacto y la solución, y corrige primero lo que bloquea una compra.

10 Información y declaración de accesibilidad: qué publicar

El artículo 13 obliga a los prestadores de servicios a incluir, en las condiciones generales o en un documento equivalente, información que explique cómo cumple el servicio los requisitos de accesibilidad. Debe estar disponible por escrito y de forma accesible, y mantenerse actualizada mientras el servicio funcione. Muchas empresas lo publican como una página de «declaración de accesibilidad» enlazada en el pie, junto al aviso legal.

  • ✓Descripción general del servicio en un formato accesible.
  • ✓Explicación de cómo funciona el servicio, también en formato accesible.
  • ✓Cómo el proceso de prestación y su seguimiento garantizan la conformidad con los requisitos.
  • ✓Estándar de referencia aplicado (por ejemplo, WCAG 2.2 nivel AA) y fecha de la última revisión.
  • ✓Partes que aún no cumplen, con el motivo y la fecha prevista de corrección.
  • ✓Un canal de contacto para comunicar problemas de accesibilidad y pedir la información en otro formato.
Ejemplo · Plan de trabajo realista para una pyme obligada

Mes 1: auditoría de plantillas y procesos, y corrección de lo que bloquea comprar. Mes 2: contraste, alternativos y etiquetas en todo el sitio, y revisión del checkout con el proveedor de pagos. Mes 3: publicación de la información de accesibilidad, formación del equipo que publica contenidos y revisión en cada cambio relevante. Si además vas a renovar la web, planifícalo junto con el rediseño web.

Preguntas frecuentes

Es el conjunto de prácticas de diseño y desarrollo que permiten que cualquier persona, incluidas las personas con discapacidad o mayores, pueda percibir, entender, navegar e interactuar con una web o app.

Sí para las que prestan a consumidores los servicios incluidos en la Ley 11/2023, como el comercio electrónico, la banca, el transporte o las telecomunicaciones, desde el 28 de junio de 2025. Las microempresas de servicios están exentas.

Es la Directiva (UE) 2019/882, que armoniza los requisitos de accesibilidad de determinados productos y servicios en la Unión Europea. En España se ha incorporado mediante la Ley 11/2023 y se aplica desde el 28 de junio de 2025.

Son las Pautas de Accesibilidad para el Contenido Web del W3C, el estándar internacional para hacer accesibles webs y apps. Se organizan en criterios de nivel A, AA y AAA; la normativa europea toma como referencia el nivel AA.

Añade nueve criterios, seis de ellos en niveles A y AA, sobre foco visible no oculto, alternativas al arrastre, tamaño mínimo de los objetivos, ayuda consistente, no repetir datos y autenticación accesible. Además elimina el criterio 4.1.1, que quedó obsoleto.

La Ley 11/2023 remite a la normativa sectorial y, de forma supletoria, a la Ley General de derechos de las personas con discapacidad, con multas de 301 € a 30.000 € las leves, hasta 90.000 € las graves y hasta 1.000.000 € las muy graves.

Lo es si tiene menos de 10 empleados y un volumen de negocios anual o un balance total que no supere los 2 millones de euros. Si superas los 10 empleados, o ambos límites económicos, estás obligado.

La ley excluye el contenido multimedia pregrabado y los documentos de ofimática publicados antes del 28 de junio de 2025. Los que publiques o actualices después de esa fecha deben ser accesibles.

Fuentes consultadas

Germán Gutiérrez

Sobre el autor

Germán Gutiérrez

Development Manager en appyweb

Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.

Ver perfil en LinkedIn ↗

Términos del diccionario relacionados

Ver todos los términos →
DICCIONARIO Texto alternativo En el contexto del diseño web y accesibilidad, el texto alternativo, también conocido como atributo «alt» (del inglés «alternative text»), se refiere a una descripción textual que se proporciona para una imagen, un gráfico u otro elemento visual en una página web. El texto alternativo tiene como obj… DICCIONARIO Usabilidad web La usabilidad web se refiere a la capacidad de un sitio web para ser fácilmente comprendido y utilizado por los visitantes. Se enfoca en la creación de una experiencia de usuario positiva, donde los usuarios puedan encontrar rápidamente la información que buscan, realizar tareas de manera eficiente… DICCIONARIO Experiencia de Usuario (UX) La Experiencia de Usuario (UX) se refiere a la interacción general que tiene una persona con un producto, servicio o plataforma, y cómo se siente durante ese proceso. Se centra en diseñar experiencias que sean satisfactorias, significativas y eficientes para los usuarios. ¿Cuál es el objetivo de la… DICCIONARIO Diseño Responsive A la hora de crear o realizar un portal digital, hay que tener presente que puede ser utilizado tanto en ordenadores como en equipos móviles o tabletas, a esto se le conoce como diseño responsive. Son proyectos donde usualmente el diseñador y el desarrollador se unen para que la adaptación del sitio… DICCIONARIO Test de usabilidad El Test de Usabilidad es una técnica utilizada en el campo del diseño y la experiencia de usuario para evaluar la facilidad de uso y la eficacia de un producto, como un sitio web, una aplicación móvil o un dispositivo. Consiste en observar a los usuarios mientras interactúan con el producto y recopi…

Sigue leyendo

Cuéntanos tu proyecto. Te respondemos en 48 h.

Auditoría gratuita de IA, campañas, web y SEO, con prioridades y cifras reales de tu negocio.

✓ Sin compromiso ✓ Respuesta en 48 h laborables ✓ Un consultor senior, no un bot
Al enviar aceptas nuestra política de privacidad.
WA WhatsApp