InicioChecklist de conformidad EAA para e-commerce

🇬🇧 Read in English · 🇫🇷 Lire en français · 🇩🇪 Auf Deutsch lesen · 🇮🇹 Leggi in italiano

European Accessibility Act · Checklist e-commerce

Checklist de conformidad EAA para e-commerce: los 24 puntos a verificar

Actualizado el 2 de julio de 2026 Lectura: 9 min Basado en las WCAG 2.1 AA

En resumen

Para cumplir el European Accessibility Act — aplicado en España por la Ley 11/2023, en vigor desde el 28 de junio de 2025 — una tienda online debe respetar la norma EN 301 549, que remite a las WCAG 2.1 nivel AA, a lo largo de todo el recorrido de compra — y publicar la «información sobre la accesibilidad» (art. 13). Las carencias más frecuentes:

  • contrastes de color demasiado débiles en precios, botones y etiquetas;
  • imágenes de producto sin texto alternativo;
  • un checkout no utilizable solo con el teclado o sin mensaje de error claro;
  • la ausencia de la «información sobre la accesibilidad» (la infracción más fácil de constatar).

La checklist siguiente reúne 24 puntos concretos por etapa del recorrido de compra. Un escaneo automático detecta una parte en segundos; el resto se verifica a mano.

Sabes que tu web debe ser «accesible», pero en concreto: ¿qué compruebas? Esta checklist traduce los requisitos jurídicos de la Ley 11/2023 en puntos verificables, siguiendo un recorrido de compra real — de la página de inicio al pago — y añade al final la obligación documental, que pesa tanto como el trabajo técnico.

Primero el marco: qué exige realmente la ley

La Ley 11/2023, de 8 de mayo aplica en España la directiva UE 2019/882 — el European Accessibility Act — y obliga desde el 28 de junio de 2025 a que los servicios de comercio electrónico dirigidos a los consumidores sean accesibles (el e-commerce se menciona expresamente, art. 2.2.f). La directiva se aplica en cada país de la UE mediante una ley de transposición nacional que fija autoridades y sanciones — pero el estándar técnico es en todas partes el mismo: la norma armonizada EN 301 549, que para la web remite a las Web Content Accessibility Guidelines (WCAG) 2.1, nivel AA (en España por la vía de las normas armonizadas, art. 17). Es esta rejilla — no un juicio subjetivo — la que mide una autoridad de vigilancia. La checklist sigue sus criterios más relevantes para una tienda online.

Esta checklist no sustituye a una auditoría completa. Las WCAG 2.1 AA cuentan 50 criterios de éxito; ningún escaneo automático cubre más del 30–50 %. Los 24 puntos siguientes son los más determinantes y los que fallan con más frecuencia en los sitios e-commerce — un excelente punto de partida para la autoevaluación, que luego se completa con una verificación manual.

La checklist, paso a paso

1. Navegación y estructura general

  • Todo el sitio se puede usar solo con el teclado (Tab / Mayús+Tab / Intro), sin ratón, incluidos los menús desplegables y el mini-carrito. WCAG 2.1.1Muchas personas no usan el ratón; un menú que solo se abre al pasar el puntero las excluye.
  • El elemento con el foco es siempre visible (contorno claro), nunca oculto tras una barra fija. WCAG 2.4.7
  • Un enlace de salto («Ir al contenido») permite saltar el menú al principio de la página. WCAG 2.4.1
  • La página tiene una jerarquía de títulos lógica (un solo H1, H2/H3 coherentes) y un idioma declarado (lang). WCAG 1.3.1 · 3.1.1
  • Con zoom al 200 % y en el móvil no se corta ningún contenido; no se fuerza el desplazamiento horizontal. WCAG 1.4.4 · 1.4.10

2. Color y legibilidad

  • El texto corriente tiene una relación de contraste de al menos 4,5:1 con el fondo (3:1 para los títulos grandes). Cuidado con los grises claros, los precios tachados y las etiquetas «rebajas». WCAG 1.4.3
  • Botones, campos e iconos tienen un contraste de al menos 3:1 en sus contornos/estados. WCAG 1.4.11
  • La información no se transmite nunca solo por el color (p. ej. «disponible» en verde / «agotado» en rojo sin texto ni icono). WCAG 1.4.1
  • Los enlaces dentro de un párrafo son reconocibles por algo más que el color (subrayado, negrita…). WCAG 1.4.1

3. Catálogo y ficha de producto

  • Cada imagen de producto tiene un texto alternativo útil («Zapatilla de piel blanca, vista lateral»), las imágenes puramente decorativas un alt vacío. WCAG 1.1.1
  • Las etiquetas de enlaces y botones son únicas fuera de su contexto: «Añadir al carrito — vestido de lino azul» en lugar de diez botones «Comprar» idénticos. WCAG 2.4.4 · 2.4.6
  • El selector de variantes (talla, color) es un verdadero elemento de formulario etiquetado, utilizable con el teclado. WCAG 1.3.1 · 4.1.2
  • Tooltips / tablas de tallas que aparecen al pasar el puntero siguen siendo alcanzables con el teclado y no desaparecen demasiado rápido. WCAG 1.4.13
  • Los vídeos tienen subtítulos; los contenidos de audio importantes, una transcripción. WCAG 1.2.2 · 1.2.3

4. Carrito, cuenta y pago

  • Cada campo del formulario (envío, pago) tiene una etiqueta visible y asociada — no solo un texto de marcador que desaparece al escribir. WCAG 3.3.2 · 1.3.1
  • Los errores de entrada se señalan en forma de texto, nombran el campo afectado y proponen una corrección («El código postal debe tener 5 cifras»). WCAG 3.3.1 · 3.3.3
  • Antes de la confirmación final, la persona puede revisar y corregir sus datos (resumen, paso de confirmación). WCAG 3.3.4
  • El dato esperado lo reconoce el navegador (autocompletado de nombre, correo, dirección mediante el atributo autocomplete). WCAG 1.3.5
  • Los mensajes dinámicos («Añadido al carrito», «Código de descuento no válido») se anuncian a los lectores de pantalla (live region). WCAG 4.1.3
  • Ningún paso tiene un breve límite de tiempo sin posibilidad de prórroga (carrito, sesión de pago). WCAG 2.2.1

5. Componentes interactivos y contenidos

  • Carruseles, modales y pestañas son utilizables con el teclado, declaran su rol/estado y retienen correctamente el foco en las ventanas modales. WCAG 4.1.2 · 2.1.2
  • Las animaciones y los movimientos que se inician solos se pueden pausar; nada parpadea más de 3 veces por segundo. WCAG 2.2.2 · 2.3.1
  • Los controles solo con icono (lupa, corazón, carrito) tienen un nombre accesible (aria-label o texto oculto). WCAG 4.1.2

6. Obligación documental — a menudo olvidada

  • La «información sobre la accesibilidad» (art. 13, Ley 11/2023) está publicada, con el estado de conformidad exacto (conforme / parcialmente conforme / no conforme), las no conformidades conocidas y las vías de reclamación. Art. 13La infracción más fácil de constatar — su ausencia entra en el régimen sancionador (por remisión al RDL 1/2013).
  • El documento es fácil de encontrar (enlace en el pie de página) y está fechado; se indica un canal de contacto / comentarios sobre accesibilidad. Art. 13
El overlay «de un clic» no satisface ninguno de estos puntos. Un widget accessiBe / UserWay no corrige el código de tu checkout y no produce la «información sobre la accesibilidad» exigida. Peor aún: varios de los criterios anteriores (foco, lector de pantalla) pueden verse empeorados. La conformidad se gana en el propio sitio, no en una capa superpuesta.

Misma norma, sanciones distintas: qué está en juego en la UE

El listón técnico es idéntico en toda la UE (EN 301 549 / WCAG 2.1 AA). Lo que cambia de un país a otro es la forma de la ley de transposición, la autoridad competente y la cuantía de las sanciones. Algunas referencias, cada una tomada de la ley nacional de transposición:

PaísTransposiciónSanción máxima
EspañaLey 11/2023 (remisión al RDL 1/2013, art. 83)hasta 1.000.000 €
AlemaniaBFSG (Barrierefreiheitsstärkungsgesetz), § 37hasta 100.000 €
FranciaOrdonnance 2023-859hasta 50.000 €
ItaliaD.Lgs. 82/2022 (art. 24)5.000–40.000 €
Importes máximos nacionales según la respectiva ley de transposición; la aplicación efectiva depende de la valoración de la autoridad competente. Detalles en nuestras guías por país.

La conclusión: los puntos a verificar de abajo son los mismos vendas donde vendas — un sitio corregido una vez es conforme en todos los mercados de la UE al mismo tiempo. Solo el documento sobre la accesibilidad (en España la «información sobre la accesibilidad» del art. 13, en Alemania las «Informationen zur Barrierefreiheit», etc.) es específico de cada país.

¿Y el famoso «millón de euros»? Es el techo de la escala, no el importe estándar. La Ley 11/2023 no crea una escala de multas propia: sanciona por remisión al régimen de discapacidad (RDL 1/2013, art. 83), donde las infracciones leves llegan hasta 30.000 €, las graves hasta 90.000 € y las muy graves hasta 1.000.000 €. La cifra de 1 M€ se reserva a los incumplimientos más graves, valorados caso por caso; no es un importe automático por una simple no conformidad.

Cómo usar esta checklist

Ve en el orden del recorrido de compra: abre tu web, aparta el ratón e intenta llegar solo con el teclado de la página de inicio al pago. Así ya habrás cubierto buena parte de los puntos 1, 4 y 5. Comprueba luego los contrastes (grupo 2) con una herramienta de medida, después las imágenes y las etiquetas (grupo 3). Termina con la obligación documental (grupo 6), la más rápida de resolver.

Muchos de estos puntos (contraste, alternativas de las imágenes, etiquetas de los campos, estructura) son detectables automáticamente. Un escaneo te devuelve en segundos una lista cuantificada y localizada — los selectores CSS exactos a corregir — para que no partas de cero.

Escanea tu web automáticamente

DeclareAccess analiza una página de tu web según las WCAG 2.1 AA, te envía un informe cuantificado de las no conformidades (con los elementos afectados) y luego genera el documento de accesibilidad listo para publicar en la plantilla aplicable — española («Información sobre la accesibilidad», art. 13), inglesa, francesa (RGAA), alemana (BFSG) o italiana. Auditoría gratuita, sin tarjeta de crédito.

Informe WCAG por correo en 1 día laborable.

Recibido. Tu solicitud de auditoría está guardada — recibirás el informe WCAG por correo en 1 día laborable.

Preguntas frecuentes

¿Cuántos criterios debo cumplir realmente?

La referencia jurídica es la norma EN 301 549, que remite a las WCAG 2.1 nivel AA — en total 50 criterios de éxito (niveles A y AA). Esta checklist cubre los más determinantes para una tienda online. El nivel AA completo exige, además del escaneo automático, una verificación manual (uso del teclado, lector de pantalla, todo el recorrido de compra).

¿Basta una herramienta automática como prueba de conformidad?

No. Las pruebas automáticas detectan el 30–50 % de los problemas (contraste, alternativas ausentes, etiquetas, estructura). Los criterios ligados al significado, al orden lógico o al uso real del teclado y del lector de pantalla exigen una verificación humana. Un escaneo es un excelente punto de partida honesto, no una prueba de conformidad completa.

¿Por dónde empiezo con un presupuesto limitado?

Empieza por las correcciones de alto impacto y bajo coste: contraste de los colores, etiquetas de los formularios, textos alternativos, uso del teclado en el checkout. Publica luego la «información sobre la accesibilidad» (art. 13) — es obligatoria, rápida de producir y la infracción más fácil de constatar.

¿Tengo que ser conforme al 100 % para estar en regla?

La ley exige la conformidad, pero reconoce estados «parcialmente conformes»: lo esencial es documentar honestamente el estado real en la información sobre la accesibilidad, enumerar las no conformidades conocidas y tener un plan de acción. Una declaración sincera de «conformidad parcial» es defendible; una declaración ausente o un falso «plenamente conforme» no lo son.

¿Esta checklist vale también para los demás países de la UE?

En la parte técnica, sí: cada país de la UE se basa en la misma norma EN 301 549 / WCAG 2.1 AA. Lo que cambia de un país a otro es el documento obligatorio y el régimen sancionador. En España el documento es la «información sobre la accesibilidad» (art. 13) y la sanción llega hasta 1.000.000 € por remisión al RDL 1/2013 (art. 83), reservada a los casos más graves.