Accesibilidad web obligatoria en tiendas online: qué exige la ley desde 2025 y cómo cumplir

Desde el 28 de junio de 2025, los servicios de comercio electrónico dirigidos a consumidores en la Unión Europea tienen que cumplir requisitos de accesibilidad. Es la Ley Europea de Accesibilidad (Directiva (UE) 2019/882), que en España se incorporó con la Ley 11/2023, de 8 de mayo.

Más allá de la obligación, la accesibilidad es un argumento comercial: una tienda que se puede usar con el teclado, con lector de pantalla, con la letra ampliada o con poca vista es también una tienda más cómoda para todo el mundo, incluidos los clientes mayores y quienes compran desde el móvil al sol.

¿Estoy obligado?

• Sí, si vendes online a consumidores y no eres microempresa.
• Exentas: las microempresas que prestan servicios, es decir, con menos de 10 personas empleadas y un volumen de negocio anual o un balance que no supere los 2 millones de euros.
• Existe además una excepción por carga desproporcionada, pero tiene que estar evaluada y documentada; no es una salida automática.

Qué hay que cumplir

La referencia técnica es la norma europea EN 301 549, que para webs remite a las pautas WCAG 2.1 nivel AA. Traducido a una tienda online, lo más importante es:

Que se pueda ver

• Contraste suficiente entre texto y fondo (4,5:1 para texto normal). El gris claro sobre blanco tan de moda suele no cumplirlo.
• Texto alternativo en las imágenes de producto que describa lo que importa («Zapatilla de running azul marino, vista lateral»), y vacío en las decorativas.
• La página se puede ampliar al 200 % sin perder contenido ni funciones.
• La información no depende solo del color (por ejemplo, «las tallas en rojo están agotadas»).

Que se pueda manejar

• Toda la compra se puede hacer solo con el teclado: menú, filtros, selector de talla, carrito, checkout.
• El foco se ve siempre (el contorno que indica dónde estás).
• Los carruseles y vídeos se pueden pausar.
• No hay límites de tiempo que expulsen al cliente sin avisarle.

Que se pueda entender

• Cada campo de formulario tiene su etiqueta (no solo un texto de ejemplo dentro del campo que desaparece al escribir).
• Los errores dicen qué está mal y cómo arreglarlo («El código postal debe tener 5 cifras»), no solo «Error».
• Los captchas tienen una alternativa que no dependa de ver imágenes.

Que funcione con tecnologías de apoyo

• Encabezados en orden (un H1 por página, luego H2…), botones que son botones y enlaces que son enlaces.
• Los mensajes dinámicos («Producto añadido al carrito») se anuncian al lector de pantalla.

La información de accesibilidad

Además de cumplir, tienes que explicar cómo cumples: una información sobre la accesibilidad del servicio, en un formato accesible, normalmente en una página propia enlazada desde el pie o desde las condiciones generales. Debe describir el servicio, cómo cumple los requisitos y, si hay partes que aún no lo hacen, cuáles y por qué.

¿Basta con instalar un widget de accesibilidad?

Seamos claros: no. Un botón de accesibilidad con perfiles (más contraste, letra para dislexia, lupa, modo lectura) es muy útil para muchos usuarios, porque les permite adaptar la tienda a lo que necesitan sin configurar nada en su equipo. Pero no arregla por sí solo un botón sin etiqueta, un formulario que no se puede rellenar con teclado o una imagen sin texto alternativo. Lo correcto es combinar las dos cosas: corregir la base de la tienda y ofrecer además las herramientas de adaptación.

Cómo revisar tu tienda en una tarde

1. Prueba del teclado: desconecta el ratón e intenta comprar algo usando solo Tab, Mayús+Tab, Intro y las flechas. Anota dónde te quedas atascado.
2. Prueba del zoom: amplía el navegador al 200 % y repite.
3. Revisión automática: pasa Lighthouse (en Chrome) o la extensión axe por la portada, una categoría, una ficha, el carrito y el checkout. Detectan contrastes, etiquetas y textos alternativos que faltan.
4. Lector de pantalla: NVDA en Windows (gratuito) o VoiceOver en Mac e iPhone. Escucha cómo suena tu ficha de producto.
5. Prioriza el recorrido de compra: un problema en el checkout es más grave que uno en el blog.

Las herramientas automáticas encuentran solo una parte de los problemas; las pruebas con teclado y lector de pantalla son imprescindibles. Y si puedes, pide opinión a usuarios reales con discapacidad: es la prueba que más enseña.

Errores frecuentes en tiendas PrestaShop

• Iconos sin texto (carrito, buscar, cuenta) que el lector de pantalla anuncia como «botón».
• Selectores de talla o color hechos con imágenes que no se pueden elegir con el teclado.
• Ventanas emergentes (cookies, boletín) que atrapan el foco o no se pueden cerrar con Escape.
• Descripciones de producto pegadas desde otro sitio con encabezados desordenados o tablas como maquetación.
• Vídeos de producto sin subtítulos.

Este artículo es informativo y no sustituye una auditoría de accesibilidad ni el asesoramiento jurídico.