Accy

Botones sin nombre en WooCommerce

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Hay botones sin texto visible ni nombre accesible.

Dónde tocarlo en WooCommerce

Los botones de icono suelen venir del tema; búscalos en header.php y en las plantillas de la cesta.

En WooCommerce conviven el tema y los plugins. Antes de editar el tema, crea un tema hijo: si no, la próxima actualización se lleva tus cambios por delante.

Así está
<button><svg>…</svg></button>
Así debería estar
<button aria-label="Cerrar el aviso">
  <svg aria-hidden="true">…</svg>
</button>

Por qué importa

Suele pasar con los botones de solo icono: la X de cerrar, la lupa de buscar, el carrito del cabecero. Un lector de pantalla los anuncia como «botón» y la persona tiene que activarlos para descubrir qué hacen.

En otras plataformas

¿Tu tienda WooCommerce tiene este fallo?

Detectamos tu plataforma automáticamente y te damos las instrucciones para ella. Gratis y sin registro.

Sin registro. Analizamos una página pública y no guardamos tus datos.