WooCommerce te da control total sobre tu tienda en WordPress, y eso incluye la responsabilidad de hacerla accesible. La buena noticia: al tener acceso al código y a los ajustes, cumplir las WCAG 2.2 y el European Accessibility Act está a tu alcance. Aquí tienes el paso a paso para una tienda WooCommerce accesible.
Empieza por el tema
El tema marca el 80% de tu accesibilidad. Elige uno que declare cumplir WCAG y revisa: contraste de colores, foco visible al navegar con teclado, tamaños de fuente legibles y estructura de encabezados correcta (un H1 por página).
Paso a paso
- Texto alternativo en imágenes. En la biblioteca de medios y en cada ficha de producto, rellena el campo «texto alternativo».
- Contraste. Ajusta en el personalizador los colores de botones («Añadir al carrito»), enlaces y textos sobre fondos.
- Botones e iconos. Asegura que iconos de carrito, búsqueda y cuenta tienen nombre accesible (aria-label).
- Formularios. Checkout, registro y contacto con etiquetas asociadas a cada campo y mensajes de error claros.
- Navegación por teclado. Recorre la tienda con el tabulador; el foco debe verse y seguir un orden lógico.
- Plugins bajo control. Sliders, pop-ups y banners de cookies suelen romper la accesibilidad: elige versiones accesibles o configúralos bien.
- Encabezados y landmarks. Usa correctamente las regiones (header, main, footer) que la mayoría de temas ya traen.
WordPress + WooCommerce: ventaja y trampa
La ventaja es que puedes editar el código. La trampa son los plugins: cada uno que añades puede introducir fallos. Por eso conviene reauditar después de instalar o actualizar.
Olvídate de los plugins «mágicos» de accesibilidad
Hay plugins de overlay para WordPress que prometen cumplimiento automático. No funcionan: son overlays que no te protegen. Invierte ese esfuerzo en corregir el tema y el contenido, que es lo que de verdad cumple.
Comprueba tu WooCommerce
Pasa un análisis WCAG 2.2 a varias páginas clave (home, categoría, ficha de producto, carrito, checkout). Tendrás la lista de fallos por gravedad y sabrás qué corregir primero.
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
¿WooCommerce es accesible por defecto?
Depende sobre todo del tema y de los plugins. El núcleo ayuda, pero hay que revisarlo y corregirlo.
¿Qué reviso primero?
El tema (contraste, foco, encabezados) y el texto alternativo de las imágenes de producto.
¿Sirve un plugin de accesibilidad tipo overlay?
No. No corrige el código y no protege legalmente.
¿Tengo que reauditar al instalar plugins?
Sí, cada plugin nuevo puede romper la accesibilidad; conviene volver a comprobar.
Publicado por Accesicheck (BIKAIN STUDIO SL). Accesibilidad web sin atajos.