Guía

Checklist de la Ley Europea de Accesibilidad para webs

La Ley Europea de Accesibilidad se aplica desde el 28 de junio de 2025. Si tienes una tienda online u otro servicio de consumo en la UE, este es un orden de trabajo práctico: confirma si te afecta, prueba lo que una máquina puede probar, corrige las barreras de las páginas que la gente necesita para comprar, haz que una persona revise el resto, publica cómo cumples los requisitos y evita que todo dé marcha atrás.

1. Confirma si te afecta

La directiva cubre servicios para consumidores: comercio electrónico, banca, libros electrónicos, comunicaciones electrónicas, acceso a servicios audiovisuales y transporte de viajeros. Para la mayoría de los propietarios de webs la cuestión es el comercio electrónico: cualquier sitio donde los consumidores compran o reservan online, desde una tienda WooCommerce hasta un formulario de reserva con pago.

Las microempresas que prestan servicios están exentas: menos de 10 personas y un volumen de negocio anual o balance general anual de no más de 2 millones de euros. Por encima de esa línea puedes alegar que un requisito supone una carga desproporcionada, pero tienes que evaluarlo, documentarlo y revisarlo: no es una exención general.

Cada país incorporó la directiva a su propia ley, con sus autoridades y sanciones. Nuestra página sobre la Ley Europea de Accesibilidad resume la ley y dos regímenes nacionales de sanciones, con fuentes.

2. Entiende qué exige la ley a una web

El anexo I de la directiva exige que las webs y apps sean perceptibles, operables, comprensibles y robustas. Son los cuatro principios de WCAG, las Pautas de Accesibilidad para el Contenido Web del W3C, y así se cumple el requisito en la práctica: mediante la EN 301 549, la norma europea cuya parte web sigue WCAG.

La EN 301 549 versión 3.2.1 sigue WCAG 2.1 nivel AA. La versión 4.1.1, actualizada en septiembre de 2026 dentro del mandato de normalización de la ley, pasa a WCAG 2.2 nivel AA. Si empiezas ahora, apunta a 2.2 AA: es 2.1 más unos pocos criterios, como un tamaño mínimo de objetivo y que el foco no quede oculto tras una cabecera fija.

La ley también pide información. El anexo V dice que los prestadores de servicios expliquen cómo su servicio cumple los requisitos de accesibilidad; normalmente se publica como una declaración de accesibilidad que indica el estándar al que apuntas, las carencias que conoces y cómo informar de un problema.

3. Prueba las páginas que te dan dinero

Empieza por las páginas por las que tiene que pasar un cliente: inicio, una categoría, un producto, el carrito, el checkout y el acceso o la cuenta. Un motor automático como axe-core —el que hay detrás de axe DevTools y de la puntuación de accesibilidad de Lighthouse— encuentra en segundos los fallos WCAG detectables por máquina: etiquetas que faltan, texto alternativo ausente, poco contraste, botones sin nombre, idioma de la página ausente.

Corrige primero el checkout. Un campo de email sin etiqueta o un botón de pago sin nombre pueden impedir por completo que alguien que usa un lector de pantalla compre; un problema de contraste en el pie de página, no. La tabla de abajo enumera los fallos habituales por criterio WCAG y cuáles encuentra una herramienta.

4. Haz que una persona pruebe lo que las herramientas no pueden

Las pruebas automáticas detectan una parte de los problemas, no todos. El W3C aclara que las herramientas de evaluación no pueden determinar la accesibilidad por sí solas, y el estudio de Deque sobre auditorías reales encontró que las pruebas automáticas identificaron alrededor del 57 % de los problemas por volumen. El resto requiere criterio.

Haz esto a mano: recorre todo el checkout solo con el teclado y asegúrate de que siempre ves dónde estás; amplía al 200 % y confirma que no se corta nada; activa un lector de pantalla (VoiceOver y NVDA son gratuitos) y completa una compra; envía un formulario con errores y lee si los mensajes dicen qué corregir. Para una web dentro del ámbito de la ley, una auditoría profesional —idealmente con personas que usan tecnologías de apoyo— merece la pena.

5. Evita las regresiones

Este es el paso que la mayoría de las checklists se saltan. La accesibilidad no se arregla una sola vez: una actualización del tema reescribe el marcado del checkout, un maquetador cambia un botón por un icono, un nuevo color de campaña no alcanza el contraste. Nada de eso aparece como un error, y nadie repite la auditoría tras cada actualización de plugin.

La monitorización de accesibilidad de Relvato ejecuta las mismas reglas de axe-core en tus páginas clave cada semana y tras las actualizaciones de plugins, temas, núcleo y WooCommerce. Apruebas los problemas del primer escaneo como línea base; después, cualquier problema nuevo hace fallar la ejecución e indica la página y el criterio WCAG, mientras la corrección aún es pequeña.

Fallos WCAG habituales en tiendas y quién los encuentra

Criterio WCAGQué fallaPruebas automáticasUna persona tiene que
1.1.1 Contenido no textualImágenes y enlaces con imagen sin texto alternativoEncuentran el texto alternativo que faltajuzgar si el texto alternativo describe la imagen
1.3.1 / 4.1.2 Etiquetas, nombre, rolCampos sin etiqueta; botones y enlaces sin nombreEncuentran etiquetas y nombres que faltanjuzgar si las etiquetas se entienden fuera de contexto
1.4.3 Contraste (mínimo)Texto por debajo de 4,5:1, o 3:1 para texto grandeEncuentran la mayoría del texto sobre fondos lisosmirar el texto sobre imágenes y degradados
2.1.1 TecladoMenús, carruseles o pasos del checkout que necesitan ratónEncuentran muy pocorecorrer el checkout solo con el teclado
2.4.7 Foco visibleSin contorno visible en el elemento con focoRara vez detectablever dónde está el foco en cada paso
2.4.2 Titulado de páginas / 3.1.1 IdiomaPáginas sin título; atributo lang ausente o incorrectoEncuentran los que faltanjuzgar si el título describe la página
2.5.8 Tamaño del objetivo (mínimo)Áreas táctiles de menos de 24×24 px sin espacio suficienteEncuentran la mayoríaprobar los controles en un móvil real
1.4.4 Cambio de tamaño / 1.4.10 ReajusteZoom desactivado; contenido cortado al 200 % o en pantallas estrechasEncuentran el zoom desactivado en la etiqueta viewportampliar al 200 % y confirmar que no se pierde nada
3.3.1 Identificación de erroresErrores de formulario indicados solo con un borde rojoEncuentran muy pocoenviar formularios con errores y leer los mensajes
1.2.2 Subtítulos (grabados)Vídeos sin subtítulosPoco: no saben si los subtítulos son correctosverlos con los subtítulos activados

Preguntas frecuentes

¿Existe una checklist oficial de la Ley Europea de Accesibilidad?

No. La directiva fija los requisitos, la EN 301 549 fija cómo se prueban y WCAG 2.1 o 2.2 nivel AA es el objetivo práctico para las webs. Una checklist como esta sirve para trabajarlo en orden; no es un certificado.

¿Un overlay o widget de accesibilidad hace que una web cumpla?

No. Una barra que cambia el tamaño de letra o el contraste no arregla etiquetas que faltan, trampas de teclado ni botones sin nombre en tu marcado, y muchas personas que usan tecnologías de apoyo sienten que los overlays estorban. Corrige el marcado de debajo.

¿Cada cuánto debo volver a probar?

Después de cualquier cosa que cambie el marcado: actualizaciones de temas y plugins, una nueva maquetación, un rediseño. Las pruebas automáticas son lo bastante baratas para ejecutarlas cada semana y tras cada actualización; una revisión manual tiene sentido tras cambios importantes y al menos una vez al año.

¿Necesito una declaración de accesibilidad?

El anexo V de la directiva pide a los prestadores de servicios que expliquen cómo su servicio cumple los requisitos de accesibilidad, y las leyes nacionales lo convierten en obligaciones concretas. Una página breve que indique el estándar al que apuntas, las carencias que conoces y cómo informar de un problema cubre lo esencial.

Fuentes

Lecturas relacionadas
Guía

Que el trabajo que has hecho no se deshaga

Relvato prueba tus páginas clave con las reglas WCAG 2.0–2.2 A y AA cada semana y tras las actualizaciones, y avisa de cada problema nuevo. En todos los planes, Free incluido.