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.
inaccesibles
discapacidad en UE
en España
Problemas de accesibilidad por tipo de página
Donde el usuario decide comprar
Donde el usuario navega y filtra
Donde el usuario paga
Primera impresión del usuario
Donde el usuario confirma
Errores que afectan a todas las páginas
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.
Elige tu plataforma de e-commerce
Lo que te cuesta no hacer nada
Sanción máxima en España (Ley 11/2023)
Usuarios con discapacidad que abandonan tu tienda
Demandas ADA al año en EEUU por accesibilidad web
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.
Accesibilidad web para e-commerce
¿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.
¿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 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.
¿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.
Accesibilidad y e-commerce
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.
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.
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.
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.
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.
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.