Guía por plataforma
Accesibilidad en WooCommerce y la Ley 11/2023
La ley obliga a quien presta a los consumidores el servicio de comercio electrónico, y en una tienda WooCommerce ese es tu negocio. Una tienda WooCommerce es WordPress, más WooCommerce, más un tema, más tus plugins: un fallo puede venir de cualquiera de ellos. Montamos una tienda limpia para ver cuáles traen fallos de serie.
Qué encontramos en una tienda WooCommerce limpia
WooCommerce no tiene una tienda de demostración oficial, así que el 12 de septiembre de 2026 montamos una en WordPress Playground, el entorno de pruebas de WordPress.org: WordPress 7.1 y WooCommerce 11.1.0, las versiones actuales, con los productos de ejemplo que trae el propio WooCommerce. La analizamos con dos temas, también en su versión actual, con el mismo motor que usamos en el estudio.
Storefront 4.6.2: contraste insuficiente en todas las páginas
Storefront es el tema de Automattic, la empresa detrás de WooCommerce; su última actualización es del 9 de diciembre de 2025. Dos textos no llegan al contraste mínimo de 4,5:1 con el fondo: el contador del carrito (2,84:1) y el precio tachado de los productos en oferta (2,61:1). Es un fallo del tema, y se corrige en el tema.
Fallos de Storefront 4.6.2: elementos afectados en cada página
- El texto no tiene suficiente contraste con el fondo. Quien tiene baja visión no puede leerlo.
- Gravedad
- Grave
- Criterio WCAG
- 1.4.3
- Portada
- 1
- Catálogo
- 6
- Producto
- 2
- De quién es
- El tema
| Fallo | Gravedad | Criterio WCAG | Portada | Catálogo | Producto | De quién es |
|---|---|---|---|---|---|---|
| El texto no tiene suficiente contraste con el fondo. Quien tiene baja visión no puede leerlo. | Grave | 1.4.3 | 1 | 6 | 2 | El tema |
Twenty Twenty-Five 1.5: dos fallos, y ninguno es del tema
Twenty Twenty-Five es un tema oficial de WordPress.org. Sus fallos, en todas las páginas, vienen de piezas que el tema solo coloca:
- El minicarrito de WooCommerce. Cerrado, está oculto para el lector de pantalla, pero el teclado sigue llegando a sus cuatro botones y enlaces: quien navega con el teclado pasa por controles que ni se ven ni se anuncian.
- La lista automática de páginas de WordPress. Cuando el menú no se ha creado a mano, WordPress muestra una lista de las páginas del sitio y la mete como una lista dentro de otra, y el lector de pantalla puede anunciar mal el menú.
Fallos de Twenty Twenty-Five 1.5: elementos afectados en cada página
- Hay elementos ocultos al lector de pantalla a los que sí llega el teclado: el foco desaparece en un sitio que no se anuncia.
- Gravedad
- Grave
- Criterio WCAG
- 4.1.2
- Portada
- 1
- Catálogo
- 1
- Producto
- 1
- De quién es
- WooCommerce
- Listas mal construidas que el lector de pantalla no anuncia correctamente.
- Gravedad
- Grave
- Criterio WCAG
- 1.3.1
- Portada
- 1
- Catálogo
- 1
- Producto
- 1
- De quién es
- WordPress
| Fallo | Gravedad | Criterio WCAG | Portada | Catálogo | Producto | De quién es |
|---|---|---|---|---|---|---|
| Hay elementos ocultos al lector de pantalla a los que sí llega el teclado: el foco desaparece en un sitio que no se anuncia. | Grave | 4.1.2 | 1 | 1 | 1 | WooCommerce |
| Listas mal construidas que el lector de pantalla no anuncia correctamente. | Grave | 1.3.1 | 1 | 1 | 1 | WordPress |
Por qué importa de dónde viene cada fallo
En WooCommerce cada fallo tiene un dueño distinto. Un fallo del tema se corrige en el tema, con un tema hijo o con estilos propios, sin tocar el original. Un fallo de WooCommerce o de WordPress está en código que cada actualización sobrescribe: editarlo ahí se pierde en la siguiente, así que se corrige desde el tema.
Y a veces basta con configurar: el fallo de la lista viene del menú automático, así que el primer paso es crear el menú a mano y volver a analizar.
Lo que depende de ti, no del tema
- Texto alternativo en cada imagen de producto y de página.
- Los plugins. Cada uno añade su propio código a la página: formularios, ventanas emergentes, chats, avisos de cookies. Nuestro análisis los evalúa como el resto.
- Contraste al cambiar colores. El texto normal necesita una relación de al menos 4,5:1 con el fondo.
- Encabezados en orden, sin saltar niveles.
Cómo lo corregimos en WooCommerce
El análisis te dice qué fallos tiene tu tienda y cuántos elementos afectan. Con acceso de administración a tu tienda corregimos solo esos fallos, sin tocar tu diseño, y volvemos a pasar el mismo análisis para demostrarlo. Cómo funciona el arreglo.
Cómo lo medimos
Tres páginas por tema (portada, tienda y una ficha de producto) de una instalación limpia en WordPress Playground, en inglés y con los productos de ejemplo de WooCommerce. Nuestro motor recorre cada página antes de evaluarla y aplica las reglas de WCAG 2.1 A y AA. Para saber de dónde viene cada fallo miramos el código de la página: el minicarrito es un bloque de WooCommerce y la lista de páginas, un bloque de WordPress.
Análisis gratuito
Comprueba tu web
Analizamos hasta 4 páginas de tu web con el mismo motor del estudio y te enviamos el resultado por correo. Gratis y sin compromiso.
