Botones sin nombre

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Hay botones sin texto visible ni nombre accesible.

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.

Cómo se arregla

Si el botón tiene texto visible, ya está. Si es solo un icono, añade aria-label con la acción y marca el icono con aria-hidden="true".

<button><svg>…</svg></button>

<button aria-label="Cerrar el aviso">
  <svg aria-hidden="true">…</svg>
</button>

En tu plataforma

• Shopify

  En el tema Dawn y derivados, los botones de icono del cabecero se editan en sections/header.liquid.

• WooCommerce

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

Relacionado

• Botón de imagen sin texto alternativo
• Marco incrustado sin título
• Campos de formulario sin etiqueta
• Enlaces sin nombre