Shopify facilita montar una tienda, pero no la hace accesible por defecto. El tema, las apps y tus propios contenidos pueden generar fallos que incumplen las WCAG 2.2 y el European Accessibility Act. Esta es la checklist práctica para dejar tu tienda Shopify accesible.
Por qué Shopify no es accesible «de fábrica»
Aunque algunos temas oficiales parten de una base decente, la accesibilidad depende de cómo configures el tema, qué apps instales (banners, pop-ups, valoraciones) y cómo subas tus productos. Cada imagen sin alt o cada botón personalizado sin nombre suma una no conformidad.
Checklist de accesibilidad para Shopify
- Texto alternativo en todas las imágenes de producto. En el editor de producto, rellena el campo «texto alternativo» de cada foto describiendo lo que se ve.
- Contraste suficiente. Revisa los colores del tema (botones, textos sobre imágenes, etiquetas de oferta). Evita gris claro sobre blanco.
- Botones e iconos con nombre accesible. El icono de carrito, búsqueda o menú debe tener una etiqueta (aria-label) que lo identifique.
- Formularios con etiquetas. Login, registro, checkout y newsletter: cada campo con su etiqueta visible.
- Navegación por teclado. Comprueba que puedes recorrer toda la tienda con el tabulador y que el foco se ve.
- Encabezados en orden. Un solo H1 por página y jerarquía lógica (H2, H3).
- Apps y pop-ups bajo control. Muchos banners de cookies o ruletas de descuento atrapan el foco o tapan contenido; elige los accesibles.
- Vídeos con subtítulos si los usas en fichas o portada.
El atajo que NO funciona
En el App Store de Shopify verás widgets de accesibilidad que prometen cumplir «con un clic». No lo hacen: son overlays que no te protegen y que incluso han acabado en demandas. La accesibilidad real se consigue en el tema y el contenido, no con un parche.
Cómo comprobar tu tienda
Lo más rápido es escanear tu Shopify con una herramienta que mida WCAG 2.2 y te liste los fallos por gravedad. Así sabes exactamente qué tocar en el tema y qué productos corregir, sin adivinar.
Comprueba tu web gratis
En Accesicheck escaneamos tu tienda con axe-core (WCAG 2.2), te damos tu puntuación real y el plan para corregir cada fallo en el código. Sin overlays y sin promesas imposibles.
👉 Analiza tu web gratis · Ver planes y precios
Preguntas frecuentes
¿Shopify es accesible por defecto?
No del todo. Depende del tema, las apps y cómo subas tus contenidos. Hay que revisarlo y corregirlo.
¿Sirve una app de accesibilidad del App Store?
Los overlays no corrigen el código y no protegen legalmente. Mejor arreglar el tema y el contenido.
¿Dónde pongo el texto alternativo en Shopify?
En el editor de cada producto, en el campo «texto alternativo» de cada imagen.
¿El checkout de Shopify es accesible?
El checkout estándar parte de una base razonable, pero personalizaciones y apps pueden introducir fallos; conviene comprobarlo.
Publicado por Accesicheck (BIKAIN STUDIO SL). Accesibilidad web sin atajos.