Guía por plataforma
Accesibilidad en Shopify y la Ley 11/2023
La ley obliga a quien presta a los consumidores el servicio de comercio electrónico, y en una tienda Shopify ese es tu negocio, no la plataforma. Pasamos nuestro análisis por las tiendas de demostración de los temas gratuitos de Shopify para separar lo que trae el tema de lo que depende de ti.
Qué encontramos en los temas de Shopify
El 12 de septiembre de 2026 analizamos la portada, el catálogo y una ficha de producto de las tiendas de demostración que enlaza la propia tienda de temas de Shopify, con el mismo motor que usamos en el estudio. Dawn y Horizon son temas gratuitos creados por Shopify.
Dawn: sin fallos automáticos
Ninguna de las tres páginas dio fallos automáticos. La demostración usa la versión 15.0.0; la actual es la 16.0.0, del 10 de agosto de 2026. Sin fallos automáticos no significa conforme: el análisis automático detecta una parte de los problemas, no todos, y lo que construyes encima del tema también cuenta.
Horizon: tres fallos en todas las páginas
La demostración oficial usa la versión 3.2.0, del 11 de diciembre de 2025. La actual es la 4.1.5, del 31 de agosto de 2026. Comprobamos el código publicado de la versión actual: uno de los fallos está corregido y dos siguen.
Fallos de Horizon 3.2.0: elementos afectados en cada página
- Elementos ARIA fuera del contenedor que necesitan. El lector de pantalla no sabe a qué pertenecen.
- Gravedad
- Crítico
- Criterio WCAG
- 1.3.1
- Portada
- 1
- Catálogo
- 1
- Producto
- 1
- En la 4.1.5
- Corregido
- Listas mal construidas que el lector de pantalla no anuncia correctamente.
- Gravedad
- Grave
- Criterio WCAG
- 1.3.1
- Portada
- 1
- Catálogo
- 2
- Producto
- 1
- En la 4.1.5
- Sigue
- Zonas con scroll a las que no se llega con el teclado.
- Gravedad
- Grave
- Criterio WCAG
- 2.1.1
- Portada
- 8
- Catálogo
- 100
- Producto
- 4
- En la 4.1.5
- Sigue
| Fallo | Gravedad | Criterio WCAG | Portada | Catálogo | Producto | En la 4.1.5 |
|---|---|---|---|---|---|---|
| Elementos ARIA fuera del contenedor que necesitan. El lector de pantalla no sabe a qué pertenecen. | Crítico | 1.3.1 | 1 | 1 | 1 | Corregido |
| Listas mal construidas que el lector de pantalla no anuncia correctamente. | Grave | 1.3.1 | 1 | 2 | 1 | Sigue |
| Zonas con scroll a las que no se llega con el teclado. | Grave | 2.1.1 | 8 | 100 | 4 | Sigue |
- El botón «More» del menú se declara como elemento de un menú sin estar dentro de uno, así que el lector de pantalla no sabe a qué pertenece. En la versión 4.1.5 ya no ocurre: actualizar el tema lo resuelve.
- La lista del menú contiene elementos que no son de lista, y el lector de pantalla puede anunciarla mal. Sigue en la versión 4.1.5.
- Las galerías de fotos de cada producto se desplazan, pero el teclado no llega a ellas: sin ratón ni pantalla táctil no se pueden recorrer. En el catálogo son 100 porque cada producto tiene la suya y el catálogo carga más productos al desplazarse. Sigue en la versión 4.1.5.
Por qué un tema de la tienda no basta
Para entrar en su tienda de temas, Shopify exige una puntuación media de accesibilidad de Lighthouse de al menos 90 en la portada, el catálogo y la ficha de producto, en escritorio y en móvil. Una media alta admite fallos concretos, y la conformidad con WCAG no es una media: basta con incumplir un solo criterio para no ser conforme. Horizon está en la tienda de temas y su demostración tenía un fallo crítico en todas las páginas.
La propia Shopify lo advierte en su guía de accesibilidad para temas: «seguir solo estas pautas no garantiza que la tienda online sea totalmente accesible».
Lo que depende de ti, no del tema
Un tema limpio no garantiza una tienda limpia. Esto lo decides tú al llenar la tienda, y la guía de Shopify lo pone en tu lado:
- Texto alternativo en cada imagen. En el panel, abre el producto, haz clic en la imagen y usa «Agregar texto alternativo» y después «Guardar texto alternativo» (instrucciones de Shopify). Shopify recomienda 125 caracteres o menos.
- Contraste al cambiar colores. El texto normal necesita una relación de al menos 4,5:1 con el fondo.
- Transcripciones en los vídeos con diálogo.
- Encabezados en orden, sin saltar niveles.
- Controles para pausar las presentaciones de diapositivas que avanzan solas.
- El indicador de foco: no lo quites al personalizar el tema.
- Las apps y el código añadido. Lo que una app o una agencia añade a tu tienda forma parte de la página que ve tu cliente, y nuestro análisis lo evalúa como el resto.
Cómo lo corregimos en Shopify
El análisis te dice qué fallos tiene tu tienda y cuántos elementos afectan. Con acceso de administración a tu tienda corregimos solo esos fallos, sin tocar tu diseño, y volvemos a pasar el mismo análisis para demostrarlo. Cómo funciona el arreglo.
Cómo lo medimos
Tres páginas por tema (portada, catálogo y una ficha de producto) con nuestro motor, que recorre cada página antes de evaluarla y aplica las reglas de WCAG 2.1 A y AA. Las demostraciones están en inglés y redirigen a la portada a quien las visita en español, así que las analizamos en inglés. Para saber qué sigue en la versión actual de Horizon leímos su código publicado en GitHub; no la analizamos en una tienda.
Análisis gratuito
Comprueba tu web
Analizamos hasta 4 páginas de tu web con el mismo motor del estudio y te enviamos el resultado por correo. Gratis y sin compromiso.
