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:

¿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.