Accesibilidad en Shopify: análisis y distintivo de puntuación
Publicado el · 22,2 % de las tiendas online francesas
Shopify es la plataforma que eligen la mayoría de las nuevas tiendas francesas y es líder a nivel mundial. Conformly analiza su tienda desde fuera, sin acceso a su administrador de Shopify, y le proporciona una sección de tema que muestra su puntuación de accesibilidad y un enlace a su declaración de accesibilidad.
Descarga · Conformly Shopify
- Versión
- 1.0.0
- Requisitos
- Thème Online Store 2.0 (Dawn…) ou thème vintage
- Licencia
- MIT
- Tamaño
- 4,7 KB
- SHA-256
- 2e2a0d0e2df57eb9c5f83b599537a47f3ce608ecd1cc633bf843a2999b1eb1b3
Código fuente y notas de la versión dentro del ZIP (README.md).
Por qué una sección de tema y no una app
Una app de Shopify se instala en su administrador y solicita permisos sobre sus datos. Medir la accesibilidad no lo necesita: Conformly analiza las páginas públicas de la tienda, como lo haría un visitante. Solo queda mostrar el resultado, y para eso basta una sección de tema de unas pocas líneas de Liquid.
Usted mantiene el control de lo que se añade al tema y no se carga nada, salvo una imagen.
Errores de accesibilidad habituales en Shopify
Los temas recientes de Shopify están bien construidos, pero las personalizaciones y las apps suelen añadir defectos:
- Imágenes de producto y banners sin texto alternativo (campo «Texto alternativo» vacío en la biblioteca de medios).
- Botones de icono (carrito, búsqueda, cierre de ventanas emergentes) sin nombre accesible.
- Ventanas emergentes de newsletter o de cookies que atrapan el foco del teclado.
- Colores personalizados del tema elegidos sin comprobar el contraste.
- Selectores de variantes y de cantidad añadidos por apps, sin etiqueta.
La obligación legal
Desde el 28 de junio de 2025, el European Accessibility Act exige que los servicios de comercio electrónico prestados a consumidores de la UE sean accesibles, sea cual sea la plataforma. Están exentas las microempresas que prestan servicios: menos de diez empleados y un volumen de negocios o balance anual que no supere los 2 millones de euros. En Estados Unidos, WCAG 2.1 AA es la referencia citada en las reclamaciones web basadas en la ADA. Un análisis automatizado cubre una parte de los criterios: no sustituye a una auditoría completa ni a un asesoramiento jurídico, pero detecta los errores frecuentes.
Analizar su tienda Shopify e instalar el distintivo
- Analizar la tienda. Lance el análisis de accesibilidad gratuito con la URL de su tienda, o ejecute npx conformly scan https://su-tienda.com en un terminal.
- Activar el seguimiento (opcional). Cree una cuenta, añada la tienda y copie el ID del sitio que aparece en el apartado "Integración CI/CD" de su sitio.
- Añadir la sección. Administrador de Shopify → Tienda online → Temas → Editar código → sections → "Añadir una nueva sección" llamada conformly-badge, pegue el archivo proporcionado y guarde.
- Colocar el distintivo. Personalizar → pie de página → "Agregar sección" → Conformly accessibilité, pegue el ID del sitio. También puede enlazar su declaración de accesibilidad.
Preguntas frecuentes
¿Es una app de la Shopify App Store?
No. Es una sección de tema que añade usted mismo, sin ningún permiso sobre sus datos. El análisis se ejecuta desde conformly.online.
¿El distintivo funciona con el tema Dawn?
Sí, con Dawn y con todos los temas Online Store 2.0, en el grupo de secciones del pie de página. Para un tema más antiguo, utilice el snippet proporcionado.
¿Esto hace que mi tienda cumpla la ADA?
Ninguna herramienta puede garantizarlo. Conformly comprueba las reglas de WCAG 2.1 AA que se pueden probar automáticamente, que son las más citadas en las reclamaciones basadas en la ADA, y le indica cómo corregir cada error.
¿El distintivo demuestra que la tienda es conforme?
No. Muestra la puntuación medida automáticamente por Conformly. La conformidad se declara en una declaración de accesibilidad, que Conformly le ayuda a redactar.
Artículos relacionados
Otras integraciones
Siga la accesibilidad de toda su tienda
Análisis programados de todas las páginas, alertas de regresión, declaración de accesibilidad e informe PDF.
Ver planes