# Los botones deben tener texto discernible

<https://www.fixreports.com/es/issues/button-name>

WCAG 4.1.2 Nombre, función, valor · Nivel A

Algunos botones no tienen nombre accesible, así que los usuarios de lectores de pantalla solo oyen «botón».

## Qué comprueba esta regla
Garantiza que los botones tienen texto discernible.

## Por qué es importante
WCAG 4.1.2 exige que cada control tenga un nombre. Entre los botones sin nombre suelen estar los selectores de cantidad, los botones de cerrar y las flechas de los carruseles.

## Cómo corregirlo
### En cualquier web
1. Localiza los botones que no tienen nombre, normalmente botones que solo muestran un icono.
2. Añade texto visible, texto visualmente oculto o un aria-label que diga qué hace el botón (por ejemplo, aria-label="Close" o aria-label="Increase quantity").

### En Shopify
1. Localiza los botones que no tienen nombre, normalmente botones que solo muestran un icono.
2. Añade texto visible, texto visualmente oculto o un aria-label que diga qué hace el botón (por ejemplo, aria-label="Close" o aria-label="Increase quantity").

### En WooCommerce y WordPress
1. Localiza los botones que no tienen nombre, normalmente botones que solo muestran un icono.
2. Añade texto visible, texto visualmente oculto o un aria-label que diga qué hace el botón (por ejemplo, aria-label="Close" o aria-label="Increase quantity").

## Cómo comprobar la corrección
- Vuelve a analizar las páginas afectadas.
- Comprueba los botones con un lector de pantalla.

## Fuentes
- Documentación de la regla de axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Comprender WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value