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

La verdad: WooCommerce no es accesible por defecto

Un tema de WooCommerce cuidado como Storefront arranca mejor que muchas tiendas, pero rara vez alcanza WCAG 2.2 AA por sí solo. En cuanto personalizas tu checkout, instalas extensiones o eliges un tema con botones gris claro, surgen barreras que tus clientes, y la European Accessibility Act, no aceptan.

Lo que suele fallar en WooCommerce

• Mensajes de error del checkout sin aria-liveCuando el pago falla, WooCommerce muestra un aviso como «introduce una dirección válida». Sin aria-live="assertive", una persona ciega nunca oye ese aviso y se queda adivinando por qué no avanza el pedido.
• Campos de formulario sin una etiqueta vinculadaEn muchos temas y personalizaciones del checkout, los campos llegan sin una etiqueta correctamente vinculada o solo con un placeholder. Quien usa lector de pantalla oye entonces un campo vacío sin saber qué debe poner en él.
• Contraste demasiado bajo en los botones del temaMuchos temas de WooCommerce usan texto gris claro sobre un botón de color, o un color de botón cercano al fondo. Eso a menudo no alcanza el contraste mínimo de WCAG, así que los clientes con baja visión no pueden leer «Añadir al carrito».
• Añadir al carrito por AJAX sin mensaje de estadoCuando un cliente hace clic en «Añadir al carrito», la acción se realiza por AJAX sin recargar la página. Sin una live region, un lector de pantalla nunca anuncia que el producto se ha añadido, así que la persona no sabe si la acción ha funcionado.

Así es una corrección de verdad

Fíjate en una etiqueta de formulario en tu checkout de WooCommerce. Mediante un filtro te enganchas al campo y le das un nombre correcto y vinculado, sin reconstruir el checkout:

<input type="text" name="billing_company" id="billing_company"
  placeholder="Bedrijfsnaam">

add_filter( 'woocommerce_checkout_fields', function( $fields ) {
  $fields['billing']['billing_company']['label'] = __( 'Bedrijfsnaam', 'theme' );
  return $fields;
} );

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 WooCommerce es un riesgo para tu negocio. Los hechos, uno a uno:

WooCommerce dice que cumple WCAG 2.2 AA. ¿Por qué falla entonces mi tienda?

Esa afirmación cubre el front end del plugin principal sobre un tema por defecto. Tu tema, tus colores, tu contenido de producto, tus personalizaciones del checkout y cada plugin se renderizan en la misma página, y ahí es donde están los hallazgos. La propia WooCommerce lo dice: los temas y plugins pueden romper la accesibilidad del checkout.

También vendo a Alemania o Francia. ¿Qué se aplica allí a mi tienda WooCommerce?

Alemania: el BFSG se aplica a las tiendas online B2C desde el 28 de junio de 2025, con una exención para microempresas (menos de diez personas y como máximo 2 millones de euros de facturación o de balance total); la supervisión corre a cargo de la Marktüberwachungsstelle der Länder (MLBF). Francia: desde el 28 de junio de 2025 el comercio electrónico entra en la transposición de la EAA en el Code de la consommation, con la misma exención para microempresas, bajo la supervisión de la DGCCRF; la vara de medir es el RGAA (WCAG 2.1 AA). En ambos países cuenta la página publicada, no el hecho de que uses WooCommerce.

¿Debo pasar del checkout por shortcode al checkout por bloques?

No necesariamente. WooCommerce no publica ninguna comparación y el informe prueba ambos. Eso sí, el checkout por bloques es, desde la 9.0, donde aterrizan la mayoría de las mejoras (landmark main, mensajes de estado, estructura de encabezados). Si te quedas en el shortcode, comprueba tú mismo los mensajes de error, las etiquetas y el mensaje de estado al 'actualizar carrito'; esos puntos solo se corrigieron en 2025.

¿Es suficiente un widget de accesibilidad de WooCommerce 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 WooCommerce 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 WooCommerce?

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

¿Esto ralentizará mi sitio de WooCommerce?

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.