E-commerce

Tu tienda online pierde ventas por errores de accesibilidad.

La EAA cubre explícitamente el comercio electrónico. Un checkout inaccesible incumple la normativa y pierde clientes. WCAG Guard escanea cada página de tu tienda y te dice exactamente qué corregir.

69%
abandonan webs
inaccesibles
80M
personas con
discapacidad en UE
1M€
sanción máxima
en España
tu-tienda.com — Accessibility Scan
CriticalCheckout form fields missing labels/checkout
CriticalProduct images without alt text/products/*
WarningColor contrast ratio below 4.5:1/collections/*
WarningFilter dropdowns not keyboard accessible/collections/*
WarningNewsletter popup traps keyboard focus/ (home)
PassPage language declared correctlyall pages
PassSkip navigation link presentall pages
PassHeading hierarchy (h1→h2→h3)/products/*
Errores frecuentes

Problemas de accesibilidad por tipo de página

Páginas de producto

Donde el usuario decide comprar

Imágenes sin alt text descriptivo (alt="product image" no cumple)
Selector de variantes (talla, color) solo funciona con ratón
Botón "Añadir al carrito" sin nombre accesible
Zoom de imagen no accesible por teclado
Colecciones y búsqueda

Donde el usuario navega y filtra

Filtros desplegables que requieren ratón
Paginación sin enlaces accesibles
Grid de productos sin semántica de lista
Resultados de búsqueda sin heading ni landmark
Checkout

Donde el usuario paga

Campos de formulario sin labels semánticos
Errores de validación no anunciados al lector de pantalla
Pasos del checkout sin indicación de progreso accesible
Botón de compra con texto genérico ("Submit")
Home y landing

Primera impresión del usuario

Sliders/carruseles sin controles accesibles
Pop-ups de newsletter que atrapan el foco del teclado
Banners decorativos con texto incrustado en imagen
Menú hamburguesa no accesible en móvil
Carrito

Donde el usuario confirma

Cantidad (+/-) sin label accesible
"Eliminar" con icono sin texto alternativo
Totales actualizados dinámicamente sin ARIA live region
Código de descuento sin label
Global / Tema

Errores que afectan a todas las páginas

Contraste insuficiente en texto sobre fondos claros
Falta de skip link para saltar al contenido
Footer con links sin foco visible
Cookie banner que bloquea el teclado
Cobertura

8 auditorías por cada página de tu tienda

axe-core + 8 auditorías propietarias. Cada error con selector CSS, snippet HTML y código de corrección.

Contraste de color

Verifica ratios WCAG AA (4.5:1 texto, 3:1 UI) en botones de compra, precios, texto sobre fondos y CTAs.

Imágenes y alt text

Detecta imágenes de producto sin alt descriptivo, iconos sin label y decorativas que deberían tener alt vacío.

Estructura de encabezados

Valida jerarquía h1→h2→h3 en fichas de producto, colecciones y páginas estáticas. Detecta saltos de nivel.

Formularios

Campos de checkout, búsqueda, suscripción, contacto: labels, asociaciones, fieldsets y manejo de errores.

Enlaces

Links con texto genérico ("click aquí"), links vacíos, skip links ausentes, indicadores de foco insuficientes.

Teclado y navegación

Trampas de teclado (modales, pop-ups), orden de tabulación, foco visible en botones y menús.

Landmarks y ARIA

Regiones semánticas (main, nav, footer), roles ARIA correctos, estados y propiedades en componentes dinámicos.

Metadatos

Idioma de página, viewport zoom, title descriptivo, meta charset. Errores básicos que afectan a toda la tienda.

El coste de no cumplir

Lo que te cuesta no hacer nada

1M€

Sanción máxima en España (Ley 11/2023)

69%

Usuarios con discapacidad que abandonan tu tienda

4.000+

Demandas ADA al año en EEUU por accesibilidad web

$150K

Acuerdo extrajudicial medio por demanda ADA

WCAG Guard cuesta desde 0€. ¿Cuánto cuesta una sanción?

Escanea tu tienda. Corrige los errores. Cumple la normativa.

Primer escaneo gratis. Sin tarjeta de crédito. Resultado en 2 minutos.

En profundidad

Accesibilidad web para e-commerce

Normativa

¿Por qué la EAA afecta especialmente al e-commerce?

La European Accessibility Act (Directiva 2019/882) cubre explícitamente los servicios de comercio electrónico. Cualquier tienda que venda productos o servicios en la UE debe garantizar que su web sea accesible según WCAG 2.1 AA. Esto incluye todo el flujo de compra: navegación por productos, filtrado, páginas de producto, carrito, checkout y confirmación. La Ley 11/2023 en España establece sanciones de hasta 1 millón de euros para infracciones muy graves. A diferencia de otros sectores donde la aplicación es gradual, el e-commerce está en primera línea porque los flujos de compra son los más críticos para la inclusión digital. Un usuario que no puede completar una compra está directamente excluido del servicio.

Shopify

¿Los temas de Shopify son accesibles por defecto?

No completamente. Incluso los temas más populares de Shopify (Dawn, Debut, Prestige, Impulse) tienen problemas de accesibilidad recurrentes. Los más frecuentes: imágenes de producto con alt genérico ("Product Image" en lugar de una descripción real), filtros de colección que solo funcionan con ratón, sliders de hero sin controles accesibles, pop-ups de newsletter que atrapan el foco del teclado, y mega-menús con navegación por teclado deficiente. Shopify ha mejorado mucho la accesibilidad de Dawn en los últimos años, pero la configuración del contenido (alt texts, estructura de encabezados, labels de formularios) depende del propietario de la tienda. WCAG Guard escanea el HTML renderizado final y detecta todos estos errores independientemente del tema.

WooCommerce

¿WooCommerce tiene problemas de accesibilidad específicos?

Sí. WooCommerce hereda los problemas de accesibilidad del tema WordPress activo, más sus propios problemas en el flujo de compra. Los errores más comunes: formulario de checkout con campos sin labels (especialmente con themes custom), galería de producto con zoom inaccesible por teclado, mini-carrito en header sin ARIA live region (los cambios no se anuncian al lector de pantalla), selectores de variación sin asociación accesible, y mensajes de error de validación que solo se indican con color. El plugin de WCAG Guard para WordPress permite escanear todas las páginas de WooCommerce directamente desde wp-admin, incluyendo las generadas dinámicamente.

ROI

¿La accesibilidad web mejora las ventas de un e-commerce?

Sí, por tres razones. Primera: más clientes potenciales. En la UE hay 80 millones de personas con discapacidad. Si tu tienda es inaccesible, estás excluyendo a un mercado enorme. Según el Click-Away Pound Survey, el 69% abandonan webs inaccesibles y gastan en la competencia. Segunda: mejor SEO. Los criterios WCAG se solapan significativamente con las mejores prácticas de SEO: estructura de encabezados, alt text descriptivo, semántica HTML, navegación lógica. Google premia la accesibilidad indirectamente a través de Core Web Vitals y experiencia de usuario. Tercera: evitar sanciones. El coste de cumplir (desde 0€ con WCAG Guard) es insignificante comparado con una multa de 100.000€ o una demanda.

Preguntas frecuentes

Accesibilidad y e-commerce

¿Puedo escanear el checkout de Shopify?

Parcialmente. Puedes introducir la URL del checkout como URL personalizada. Sin embargo, el checkout de Shopify está controlado por Shopify y tiene restricciones. Para las páginas del escaparate (productos, colecciones, home, blog) la cobertura es completa. Para una auditoría completa del checkout, recomendamos complementar con auditoría manual de Garsen.

¿Qué plan necesito para mi tienda de 500 productos?

No necesitas escanear las 500 páginas de producto individualmente. Los errores de producto suelen ser del tema, así que escaneando 3-5 productos representativos detectas los patrones. El plan Pro (59€/mes, 25 URLs) es suficiente: home, 5 productos, 3 colecciones, carrito, checkout, contacto, FAQ. Monitoriza semanalmente.

¿El tema Dawn de Shopify es accesible?

Dawn es uno de los temas mejor optimizados para accesibilidad en Shopify, pero no es perfecto. Los errores suelen venir de la configuración del contenido: alt texts genéricos, secciones custom añadidas sin semántica, apps de terceros que inyectan HTML inaccesible. Escanea tu tienda con WCAG Guard para ver el estado real.

¿Los overlays (AccessiBe) cumplen para e-commerce?

No. Un overlay no puede arreglar un formulario de checkout sin labels ni hacer que un filtro funcione por teclado. Las organizaciones de personas con discapacidad los desaconsejan. Varias empresas han sido demandadas con overlay instalado. La accesibilidad real requiere correcciones en el código fuente del tema.

¿Cuánto cuesta hacer accesible mi tienda?

Diagnóstico: gratis con WCAG Guard. Monitorización: 59€/mes (Pro) o $39/mes (Shopify App). Corrección: depende de cuántos errores tenga tu tema. Si tu equipo puede corregir con las guías del informe, el coste es solo el plan. Si necesitas remediación profesional, solicita presupuesto en Garsen.

¿Las apps de terceros de Shopify rompen la accesibilidad?

Muchas veces sí. Apps de reviews, upselling, pop-ups y chat widgets frecuentemente inyectan HTML inaccesible en tu storefront. WCAG Guard escanea el HTML renderizado final (incluyendo lo que inyectan las apps), así que puedes identificar qué app está causando problemas y decidir si desinstalarla, buscar alternativa o contactar al developer de la app.

Tu tienda. Accesible. Cumpliendo la normativa.

Escanea tu tienda gratis con WCAG Guard. Si necesitas remediación profesional, Garsen te ayuda.