Haz tu tienda Shopify realmente accesible: EAA y WCAG, sin overlay

La verdad: Shopify no es accesible por defecto

Un tema Shopify Online Store 2.0 estándar como Dawn o Sense puntúa mejor que muchas tiendas online, pero rara vez alcanza WCAG 2.2 AA por sí solo. En cuanto instalas apps, personalizas tu tema o añades productos sin texto alternativo, surgen barreras que tus clientes, y la European Accessibility Act, no aceptan.

Lo que suele fallar en Shopify

• El cart drawer por AJAX atrapa el foco del tecladoCuando un cliente añade algo, el cart drawer se desliza a la vista. En muchos temas de Shopify el foco se queda atrapado dentro (focus trap), de modo que quienes usan teclado o lector de pantalla ya no pueden llegar al botón de pago.
• Búsqueda predictiva sin estado ariaLas sugerencias de búsqueda por AJAX suelen carecer de aria-expanded y de una live region, por lo que un lector de pantalla nunca avisa de que aparecen resultados.
• Muestras de color y filtros sin estadoLas muestras de variantes y los filtros de colección suelen no tener aria-checked o aria-expanded: ni la persona (ni la máquina) sabe qué filtro o qué color está activo.
• Imágenes Liquid sin texto alternativoLas etiquetas img de Liquid generadas automáticamente a menudo pasan el texto alternativo del panel de Shopify vacío o de forma críptica: ilegible para lectores de pantalla y para Google.

Así es una corrección de verdad

Fíjate en el botón con icono de tu carrito en tu tema Liquid. Sin un nombre accesible, una persona que usa lector de pantalla solo oye «botón». La corrección es un solo atributo, sin reconstruir nada:

<button class="cart-toggle">
  {% render 'icon-cart' %}
</button>

<button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
  {% render 'icon-cart' %}
</button>

Lo que recibes

Con una herramienta de informes pagas la licencia y también a tus desarrolladores para resolver los errores. Con Seviranta la corrección va incluida: sin doble factura.

Protege tu conversión y tu situación legal

Una app que pega un icono de accesibilidad sobre tu sitio de Shopify es un riesgo para tu negocio. Los hechos, uno a uno:

¿Es suficiente un widget de accesibilidad de Shopify para la EAA?

No. Un widget pone una capa sobre tu sitio, pero no repara el código de fondo y no cuenta como cumplimiento estructural.

¿Mi checkout de Shopify está sujeto a la EAA?

Sí. El checkout y la navegación forman parte explícita de la obligación bajo WCAG 2.1 AA.

¿Seviranta también escanea mis apps de Shopify?

Sí. Probamos el HTML final generado, tema más apps, tal y como lo hace un organismo de control.

¿Esto ralentizará mi sitio de Shopify?

No. Escaneamos de forma externa desde nuestros servidores en la UE; no se coloca ningún script en tu sitio. 0 % de impacto en tu velocidad de carga y tus Core Web Vitals.