Cómo saber si tu ecommerce cumple la European Accessibility Act

La forma más rápida de empezar es analizar gratis tu tienda con nuestro escáner: en menos de un minuto verás las barreras más graves señaladas sobre tus propias páginas. Pero ningún análisis automático basta para saber si cumples. Este artículo te da ocho comprobaciones, la mayoría sin instalar nada, para saberlo con bastante más seguridad.

La European Accessibility Act es la Directiva (UE) 2019/882. En España se aplica a través de la Ley 11/2023 (BOE, 9 may 2023), exigible desde el 28 de junio de 2025.

1. Confirma que la ley se aplica a tu tienda

La Ley 11/2023 incluye los «servicios de comercio electrónico» prestados a consumidores (artículo 2.2.f). Su anexo VII los define como los servicios prestados a distancia, a través de webs y apps, a petición individual de un consumidor y para celebrar un contrato con él. Si un particular puede comprar, reservar o contratar desde tu web, estás dentro, vendas lo que vendas.

Hay dos salidas:

• Solo vendes a empresas. La ley se centra en servicios a consumidores.
• Eres microempresa. Si empleas a menos de 10 personas y tu volumen de negocios o tu balance anual no supera los 2 millones de euros, estás exenta de los requisitos de accesibilidad de los servicios (artículo 3.3).

Si no encajas en ninguna, sigue leyendo.

2. Pasa un análisis automático

Las herramientas automáticas encuentran rápido los fallos objetivos: textos con poco contraste, imágenes sin texto alternativo, campos sin etiqueta, botones sin nombre, idioma de la página sin declarar. Nuestro escáner usa axe-core con las reglas de WCAG 2.2 AA en tu portada y hasta dos páginas clave; el informe de riesgo llega hasta 20.

Úsalo como termómetro, no como diagnóstico final. En la prueba del Gobierno británico (24 de febrero de 2017), con 142 barreras conocidas, la mejor herramienta automática encontró el 40 %. El resto solo aparece con las comprobaciones siguientes.

3. Haz la prueba del teclado

Es la comprobación más reveladora y no necesitas nada más que tu teclado. Aparta el ratón y, desde la portada, intenta comprar un producto usando solo:

• Tab y Mayúsculas + Tab para moverte;
• Intro para seguir enlaces y pulsar botones;
• Espacio para marcar casillas y pulsar botones;
• flechas dentro de menús, desplegables y opciones.

Apunta cada vez que ocurra algo de esto:

• No ves dónde está el foco.
• El foco salta a un sitio sin lógica o se va a elementos ocultos.
• No puedes abrir el menú, elegir talla o color, cambiar la cantidad o aplicar un filtro.
• Se abre una ventana (cookies, suscripción, chat) y no puedes salir de ella o no puedes llegar a ella.
• No llegas a completar el pago.

Si no puedes terminar una compra, una persona que no usa ratón tampoco puede. Eso ya es un incumplimiento de los criterios 2.1.1 (teclado) y, según el caso, 2.4.7 (foco visible) o 2.1.2 (sin trampas de teclado) de WCAG.

4. Amplía al 200 % y al 400 %

Con Ctrl + (o Cmd + en Mac) amplía la página al 200 %: todo el texto debe seguir visible y usable (criterio 1.4.4). Después, al 400 % en una ventana de escritorio: el contenido debe reorganizarse en una columna sin obligarte a desplazarte en horizontal para leer (criterio 1.4.10). Fíjate en cabeceras fijas que tapan media pantalla, menús que desaparecen y botones que se salen del borde.

5. Escucha tu tienda con un lector de pantalla

No hace falta ser experto para detectar los fallos gordos:

• En Mac: activa VoiceOver con Cmd + F5. Usa Control + Opción + flecha derecha para avanzar.
• En Windows: instala NVDA, que es gratuito, y avanza con la flecha abajo.

Recorre una ficha de producto y pregúntate: ¿se anuncia el nombre del producto y su precio? ¿Las imágenes dicen algo útil o solo «imagen» o un nombre de archivo? ¿Los botones dicen «Añadir al carrito» o solo «botón»? ¿Se entiende qué talla o color está seleccionado?

6. Provoca errores en los formularios

Ve al registro o al pago y envía el formulario vacío, o con un correo sin @. Comprueba que:

• cada campo tiene una etiqueta visible que sigue ahí cuando empiezas a escribir, no solo un texto de ejemplo que desaparece;
• el error se explica en texto, no solo pintando el campo de rojo (criterio 3.3.1);
• queda claro qué campo falla y cómo corregirlo;
• el lector de pantalla anuncia el error.

7. Revisa lo que no has programado tú

Muchas barreras llegan con piezas de terceros: la pasarela de pago, el banner de cookies, el chat, el widget de opiniones, el buscador. Ojo con dos detalles de la ley:

• Si subcontratas una parte del servicio, su accesibilidad no puede verse comprometida y la obligación sigue siendo tuya (artículo 14.2).
• Lo que sí queda fuera son los contenidos de terceros que no financias, no desarrollas y no controlas (artículo 2.4.d).

Una pasarela de pago que has contratado para cobrar no es contenido ajeno: forma parte de tu servicio.

8. Comprueba que lo tienes documentado

Cumplir no es solo que la web funcione. La Ley 11/2023 pide además, en su artículo 13:

• incluir en tus condiciones generales, o en un documento equivalente, cómo cumple tu servicio los requisitos de accesibilidad, en formato accesible;
• tener procedimientos para seguir cumpliendo cuando cambias la web;
• corregir e informar a la autoridad si detectas que no cumples.

La forma práctica de hacerlo es publicar una declaración de accesibilidad. Explicamos cómo en qué es una declaración de accesibilidad y cómo se publica.

Resumen: la lista de comprobación

• La ley se aplica a mi tienda (vendo a consumidores y no soy microempresa).
• He pasado un análisis automático y conozco las incidencias críticas.
• Puedo comprar de principio a fin solo con teclado, viendo el foco en todo momento.
• La tienda funciona al 200 % y al 400 % de ampliación.
• Con lector de pantalla se entienden productos, precios, imágenes y botones.
• Los errores de los formularios se explican en texto y se anuncian.
• Pasarela de pago, cookies y chat también pasan estas pruebas.
• Mis condiciones generales explican cómo cumplo, y tengo un proceso para mantenerlo.

Si no puedes afirmar alguna de estas frases, tu tienda probablemente no cumple. El informe de riesgo hace por ti las que se pueden medir: nuestro motor recorre tus plantillas críticas con teclado, puntero y zoom, y una persona revisa y firma el resultado. Te entrega la lista de lo que hay que arreglar ordenada por riesgo legal e impacto en ventas.