Accesibilidad web para tiendas Shopify, WooCommerce y PrestaShop
Que cualquiera pueda comprar en tu tienda online.
Desde junio de 2025 la Ley 11/2023 obliga a las tiendas online a ser accesibles. Te decimos gratis qué impide comprar a tus clientes y lo corregimos en el código, sin widgets.
Gratis, revisada por una persona y en unos 2 días laborables. ¿No sabes si la ley te afecta? Compruébalo en 3 preguntas.
Revisamos 38 tiendas online españolas conocidas. Ninguna se libró.
Finalistas de premios de comercio electrónico y marcas conocidas, el 18 de octubre de 2026.
Ver los 9 fallos más frecuentes
Porcentaje de las 38 tiendas en las que apareció cada fallo al menos una vez. Prueba automática con axe-core (WCAG 2.1 A y AA) y comprobaciones propias, sobre páginas públicas y sin iniciar sesión. Las herramientas automáticas solo detectan una parte de los problemas: los resultados reales suelen ser peores, no mejores.
| Fallo | Proporción de tiendas | Tiendas |
|---|---|---|
| Texto con poco contrasteGrave | 97 % | |
| Enlaces vacíos o sin nombreGrave | 79 % | |
| Fotos de producto marcadas como decorativasModerado | 66 % | |
| Imágenes sin texto alternativoCrítico | 55 % | |
| Botones sin nombreCrítico | 45 % | |
| Campos con el texto de ejemplo como única etiquetaModerado | 32 % | |
| Con teclado no se ve dónde está el focoGrave | 29 % | |
| Desplegables sin etiquetaCrítico | 26 % | |
| Se impide ampliar la página en el móvilCrítico | 24 % |
Quién no puede comprar hoy
Llegan con ganas de comprar y no pueden terminar. Con cada uno, el fallo de la prueba que más le afecta.
Personas ciegas
Con lector de pantalla oyen «botón» sin saber qué hace.
79 % de las tiendas: enlaces sin nombre
Personas con baja visión
No pueden leer un precio en gris claro.
97 % de las tiendas: texto con poco contraste
Quien navega con teclado
Usan el tabulador; si no ven el foco, se pierden.
29 % de las tiendas: foco invisible
Personas mayores y con daltonismo
Si un enlace solo se distingue por el color, tienen que adivinar.
24 % de las tiendas: enlaces solo por color
personas que viven en hogares en España declaran alguna discapacidad o limitación: 94,9 de cada 1.000 habitantes. A ellas se suman las personas mayores y quien compra en condiciones difíciles. INE, Encuesta EDAD 2020
¿Te afecta la Ley 11/2023?
Lo que pide la ley a una tienda online, y tres preguntas para saber si va contigo.
- A quién obligaA las tiendas que venden a consumidores, salvo microempresas.
- Desde cuándoDesde el 28 de junio de 2025. Ya está en vigor.
- Qué cumplirQue se pueda comprar con teclado, lector de pantalla y zoom (WCAG 2.1 AA).
- Qué informarCómo cumple tu tienda, en tus condiciones generales.
Resultado orientativo
Responde a las preguntas
El resultado aparece en cuanto haya respuestas suficientes.
Orientación general basada en el art. 3.3 y el anexo VII de la Ley 11/2023. No es asesoramiento jurídico: confírmalo con tu asesoría.
Lo que dice la ley, punto por punto y con sus artículos
A quién obliga
A los servicios de comercio electrónico que se prestan a consumidores. Si en tu tienda puede comprar un particular, estás dentro.
Quedan exentas las microempresas que prestan servicios: las que emplean a menos de 10 personas y no superan los 2 millones de euros de volumen de negocios anual o de balance anual.
Art. 2.2.f (ámbito) · art. 3.3 (exención) · anexo VII, definición 16 (microempresa)
Desde cuándo
Desde el 28 de junio de 2025, fecha en que entró en vigor el título I de la ley, el que regula la accesibilidad de productos y servicios.
Hay una disposición transitoria con plazos hasta 2030 para algunos casos; si crees que te afecta, valóralo con tu asesoría.
Disposición final decimoctava, apartado 2 · disposición transitoria única
Qué tiene que cumplir la tienda
El anexo I pide que las webs y las aplicaciones sean perceptibles, manejables, comprensibles y sólidas, y que funcionen con las tecnologías de apoyo que usa la gente: fotos con texto alternativo, contraste suficiente, todo manejable con teclado y con el foco visible, campos con su etiqueta y botones con nombre.
Para el comercio electrónico añade que la identificación, la seguridad y el pago también sean accesibles, y dar la información de accesibilidad de los productos cuando el fabricante la proporcione.
La ley no nombra una norma técnica: presume que cumple quien sigue las normas armonizadas publicadas en el Diario Oficial de la UE. Como referencia de trabajo se usa la norma europea EN 301 549, que para contenido web recoge las pautas WCAG 2.1 nivel AA. Es la referencia con la que medimos, no un requisito citado en la ley.
Anexo I, sección III, letra c, y sección IV, letra g · art. 17 (presunción de conformidad)
Qué tiene que informar
En tus condiciones generales, o en un documento equivalente, tienes que explicar cómo cumple tu tienda los requisitos de accesibilidad: una descripción general del servicio, cómo funciona y cómo te aseguras de que sigue siendo accesible.
Esa información debe estar disponible por escrito y de forma oral, ser accesible y mantenerse al día. Y la ley pide procedimientos para que la tienda siga cumpliendo cuando cambia: para eso existe la vigilancia mensual.
Art. 13.2 (contenido) · art. 13.4 (formato y actualización) · art. 13.5 (procedimientos)
Comprobado en el texto de la Ley 11/2023 publicado por el BOE (BOE-A-2023-11022) el 19 de octubre de 2026; revisa siempre el texto consolidado vigente en boe.es. No citamos cuantías de sanciones. Esto es información general, no asesoramiento jurídico.
Así ve tu tienda un cliente que no usa ratón ni ve la pantalla
La misma ficha de producto, en dos versiones. Mira lo que oye un cliente ciego y hasta dónde llega quien usa el teclado.
Escúchala
Lo que anuncia un lector de pantalla al recorrer la ficha. Es aproximado: cada lector lo dice a su manera.
Recórrela con el teclado
Quien no usa ratón avanza con el tabulador. Pulsa el botón para simular cada pulsación.
Todavía no has pulsado el tabulador.
Contraste del precio
2,24:1
Texto #ADADAD sobre blanco. El mínimo para texto normal es 4,5:1: mucha gente no lo lee bien.
Ver el código para tu desarrollador
Cuatro cambios en la plantilla: texto alternativo útil, nombre para el botón de icono, controles reales en lugar de div y un color de precio con contraste suficiente. El foco visible se recupera quitando el outline: none.
<a href="/silla"><img src="IMG_4821.jpg" alt="IMG_4821.jpg"></a>
<button class="fav"><svg>…</svg></button>
<h1>Silla nórdica de roble</h1>
<p class="precio">89 €</p>
<div class="color" onclick="abrir()">Roble natural</div>
<div class="carrito" onclick="anadir()">Añadir al carrito</div>
<style>
.precio { color: #ADADAD; }
*:focus { outline: none; }
</style><img src="IMG_4821.jpg" alt="Silla nórdica de roble, vista frontal">
<button class="fav" aria-label="Añadir a favoritos">
<svg aria-hidden="true">…</svg></button>
<h1>Silla nórdica de roble</h1>
<p class="precio">89 €</p>
<label for="color">Color</label>
<select id="color"><option>Roble natural</option>…</select>
<button type="submit">Añadir al carrito
<span class="visually-hidden">, Silla nórdica de roble, 89 €</span>
</button>
<style>
.precio { color: #595959; } /* 7:1 sobre blanco */
:focus-visible { outline: 3px solid currentColor; }
</style>Cómo funciona y cuánto cuesta
Empiezas gratis y decides en cada paso si sigues. Precios de lanzamiento, sin IVA.
-
Paso 1
Auditoría gratuita
0 €
Los fallos más graves de 5 páginas clave, en una página.
Qué incluye
- Prueba automática de portada, categoría, ficha de producto, carrito y una página legal.
- Revisada por una persona antes de enviarla.
- En unos 2 días laborables.
Pedir auditoría gratuitaSin llamadas ni compromiso.
-
Paso 2
Auditoría completa
290 € + IVA
Qué arreglar exactamente y en qué orden, con revisión humana.
Qué incluye
- Prueba automática y revisión humana del recorrido de compra con teclado, lector de pantalla y zoom al 200 %.
- Informe para ti en lenguaje llano y detalle técnico para tu desarrollador.
- Fallos agrupados por plantilla.
- Borrador de la información de accesibilidad que pide el art. 13.2.
- Con garantía de devolución.
Reservar auditoría completaTe escribimos para confirmarla y enviarte la forma de pago.
-
Paso 3
Corrección
desde 690 € + IVA
Arreglamos el código de tu tema, a precio cerrado.
Qué incluye
- Precio cerrado tras la auditoría.
- Cambios en una copia del tema, publicados con tu visto bueno.
- Lista de cambios y nueva prueba al terminar.
- Apps y módulos de terceros, aparte: te decimos qué reclamar.
Pedir presupuestoLo preparamos a partir de lo que encuentre la auditoría.
-
Paso 4
Vigilancia
29 € /mes + IVA
Una prueba cada mes y aviso si algo se rompe.
Qué incluye
- Prueba automática mensual.
- Aviso si aparece un fallo nuevo o vuelve uno corregido, por ejemplo tras cambiar de tema o instalar una app.
- Información de accesibilidad al día.
- Sin permanencia.
Me interesa la vigilanciaSe activa al terminar la auditoría o la corrección.
Garantía de la auditoría completa
Si la auditoría completa no encuentra ningún fallo crítico en tu tienda, te devolvemos el importe. Crítico es lo que puede impedir comprar del todo, como un botón sin nombre o el zoom bloqueado. En la prueba, 32 de las 38 tiendas tenían al menos uno.
Ningún informe ni corrección garantiza la conformidad total: te decimos qué hemos revisado, qué hemos corregido y qué queda pendiente. Detalles en las condiciones del servicio.
Lo que recibes
La primera página de un informe real de la prueba, de una tienda en Shopify, sin su nombre. Las cifras son las del informe.
Tienda de mobiliario en Shopify: barreras que pueden impedir comprar a parte de tus clientes
5 páginas clave revisadas con pruebas basadas en las WCAG 2.1 nivel AA.
Qué falla, en pocas palabras
- 1Se impide ampliar la página en el móvilCrítico5 de 5 páginas. Afecta a personas con baja visión.
- 2Atributos ARIA no permitidosCríticoFicha de producto. Afecta a quien usa lector de pantalla.
- 3Botones sin nombreCríticoFicha de producto. También afecta a quien navega con teclado o por voz.
Revisión automática: detecta solo una parte de los problemas. No es una declaración de conformidad.
El resto del informe
- Página 2, para tu desarrollador. Cada fallo con su criterio WCAG, dónde está y en qué plantilla.
- Página 3, la corrección. Código para tu plataforma: Liquid, PHP y CSS o Smarty.
Y en la auditoría completa
- Revisión humana. Una persona recorre la compra con teclado, con lector de pantalla (NVDA o VoiceOver) y con el navegador al 200 %, y descarta los falsos positivos.
- Información de accesibilidad. Borrador del texto que el art. 13.2 pide en tus condiciones generales, para revisarlo con tu asesoría.
- Widgets detectados. Te decimos si tu tienda carga accessiBe, UserWay, EqualWeb, AudioEye u otro overlay.
Ver las páginas 2 y 3 del informe
Fallos por gravedad (extracto)
| Gravedad | Fallo | WCAG | Casos |
|---|---|---|---|
| Crítico | Zoom bloqueado en el móvil meta-viewport | 1.4.4 | 5 |
| Crítico | Atributos ARIA no permitidos aria-allowed-attr | 4.1.2 | 2 |
| Crítico | Imágenes sin texto alternativo image-alt | 1.1.1 | 1 |
| Crítico | Botones sin nombre button-name | 4.1.2 | 1 |
| Crítico | Desplegables sin etiqueta select-name | 4.1.2 | 1 |
| Grave | Texto con poco contraste color-contrast | 1.4.3 | 99 |
| Grave | No se ve el foco del teclado foco-invisible | 2.4.7 | 17 |
| Grave | Enlaces vacíos o sin nombre link-name | 2.4.4 | 16 |
| Moderado | Fotos de producto con alt vacío alt-vacio-producto | 1.1.1 | 12 |
Arréglalo una vez: fallos de plantilla
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no">
Mismo patrón en las 5 páginas: viene de layout/theme.liquid y se corrige en un solo archivo. El contraste de la tarjeta de producto falla 30 veces en 4 páginas.
Cada fallo lleva su criterio WCAG, el selector, el HTML afectado y una captura con el elemento recuadrado.
Se impide ampliar la página en el móvil Crítico
La tienda bloquea el zoom con los dedos; quien ve poco no puede ampliar el texto.
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- quitar maximum-scale=1 y user-scalable=no -->
Botones sin nombre Crítico
Cerrar, menú, flechas del carrusel o favoritos con solo un icono.
<button type="button" class="slider-button--next"
aria-label="{{ 'general.slider.next_slide' | t }}">
{% render 'icon-caret' %}
</button>
Texto con poco contraste Grave
/* assets/base.css */
.price--on-sale .price-item--regular { color: #595959; } /* 7:1 sobre blanco */
Fragmentos orientativos: se adaptan al tema y se prueban en una copia antes de publicar.
Quién está detrás
- Una prueba real con 38 tiendas.Las cifras de esta página salen de ahí, con fecha y método.
- Un método con nombre.axe-core con las pautas WCAG 2.1 AA y, en la auditoría completa, una persona con teclado, NVDA o VoiceOver.
- Garantía de devolución.Si la auditoría completa no encuentra fallos críticos, te devolvemos los 290 €.
- Esta página pasa las mismas pruebas.Ningún fallo de axe-core, en claro y en oscuro, y recorrido completo con teclado.
Pide la auditoría gratuita de tu tienda
Sin llamadas ni compromiso. Solo necesitamos la dirección de la tienda y un email para enviarte el resultado.
- Los fallos más graves, en una página. Qué falla, a qué clientes afecta y qué arreglar primero.
- Revisada por una persona. Descartamos falsos positivos antes de enviarla.
- Solo páginas públicas. No iniciamos sesión, no hacemos pedidos y no necesitamos ningún acceso.
Ya tengo un widget de accesibilidad. ¿No es suficiente?
No. Un widget pone un botón con opciones de letra o contraste encima de tu web, pero no cambia el código de los menús, los formularios ni las fichas de producto, que es donde están los fallos. Quien usa lector de pantalla ya trae su propia tecnología y sigue encontrándose los mismos botones sin nombre. Y se paga cada año: el problema sigue ahí cuando lo quitas.
En abril de 2025 la Comisión Federal de Comercio de EE. UU. (FTC) obligó a accessiBe, uno de los widgets más vendidos, a pagar 1 millón de dólares por afirmar sin pruebas suficientes que podía hacer conforme cualquier web (nota de prensa de la FTC, 22-4-2025).
Puedes mantenerlo si quieres: en la auditoría lo detectamos, lo anotamos y revisamos el código igual. Lo que cuenta es lo que hay debajo.
La tienda la lleva mi agencia o mi desarrollador. ¿Cómo encajáis?
Muy bien. El informe trae un resumen para ti y un detalle técnico para quien lleva el código: cada fallo con su criterio WCAG, el selector, el HTML afectado y una propuesta de corrección para tu plataforma.
Con eso tu agencia puede corregirlo por su cuenta, o podemos hacerlo nosotros y coordinarnos con ella. Trabajamos siempre en una copia del tema y entregamos la lista de cambios para que nadie pierda el control de su código.
¿Cuánto tarda?
- Auditoría gratuita: unos 2 días laborables.
- Auditoría completa: unos 5 días laborables desde el pago y desde que la tienda esté accesible.
- Corrección: el plazo va en el presupuesto. En una tienda típica estimamos entre 5 y 12 horas de trabajo, según la plataforma y los fallos.
- Vigilancia: una prueba al mes, desde el mes en que la contratas.
Son plazos orientativos. Se paran mientras esperamos accesos o tu visto bueno.
¿Qué accesos necesitáis?
Para la auditoría, ninguno: revisamos solo páginas públicas. Para la corrección, el mínimo necesario:
- Shopify: acceso de colaborador pedido desde nuestra cuenta de Partner, con permisos sobre temas. Sin pedidos ni clientes.
- WooCommerce: un usuario temporal de WordPress con los permisos necesarios y acceso SFTP o al panel del alojamiento; si se puede, un entorno de pruebas.
- PrestaShop: un perfil de empleado temporal y acceso SFTP.
Puedes retirar el acceso cuando quieras, y te pedimos que lo hagas al terminar.
¿Me garantizáis que cumplo la ley?
No, y desconfía de quien te lo prometa. Ninguna auditoría ni corrección puede garantizar la «conformidad total»: las herramientas automáticas solo detectan una parte de los problemas y la revisión humana es una muestra del recorrido de compra.
Lo que sí hacemos es decirte por escrito qué hemos revisado, qué hemos corregido y qué queda pendiente, para que tú y tu asesoría decidáis con datos.
¿Qué pasa si mi tienda no cumple?
En términos generales, la Ley 11/2023 remite al régimen sancionador de la legislación sectorial y, de forma supletoria, al del texto refundido de la ley de derechos de las personas con discapacidad (art. 30). No damos cifras: depende de cada caso y lo tiene que valorar tu asesoría.
Más allá de la ley, cada fallo crítico es un cliente que no puede terminar la compra. Esa es la parte que podemos ayudarte a arreglar.
¿Trabajáis con PrestaShop u otras plataformas?
Sí. Tenemos kit de corrección para Shopify (Dawn y temas derivados), WooCommerce (Storefront, Astra, Flatsome) y PrestaShop (Classic y derivados, 1.7 y 8). La plataforma de tu tienda la detectamos nosotros.
La auditoría funciona con cualquier tienda pública: en la prueba revisamos también Magento, Salesforce Commerce Cloud, Wix y tiendas a medida. En esas, la corrección depende de cuánto código deje tocar la plataforma; te lo decimos en la auditoría y lo presupuestamos aparte.
¿Qué es un fallo crítico y cómo funciona la garantía?
Usamos la gravedad de axe-core: un fallo crítico es el que puede impedir del todo usar una parte de la tienda, como una imagen o un botón sin nombre, un campo sin etiqueta o el zoom bloqueado en el móvil.
Si la auditoría completa no encuentra ninguno, te devolvemos los 290 € de la auditoría. Las condiciones exactas están en las condiciones del servicio.
¿Revisáis el pago (checkout)?
Revisamos el recorrido hasta la página anterior al pago. No hacemos pedidos ni pagamos, y las pasarelas de pago de terceros o el checkout que la plataforma no deja editar (por ejemplo, el de Shopify fuera de Shopify Plus) quedan fuera: te avisamos si vemos algo y te ayudamos a reclamarlo a tu proveedor.