# Los botones deben tener texto discernible

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

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

Algunos botones no tienen nombre accesible, así que quienes usan lectores de pantalla solo escuchan 'botón'.

## Qué revisa 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 sitio web
1. Encuentra los botones que no tienen nombre, por lo general botones que solo muestran un ícono.
2. Agrega texto visible, texto visualmente oculto o un aria-label que diga lo que hace el botón (por ejemplo aria-label="Close" o aria-label="Increase quantity").

### En Shopify
1. Encuentra los botones que no tienen nombre, por lo general botones que solo muestran un ícono.
2. Agrega texto visible, texto visualmente oculto o un aria-label que diga lo que hace el botón (por ejemplo aria-label="Close" o aria-label="Increase quantity").

### En WooCommerce y WordPress
1. Encuentra los botones que no tienen nombre, por lo general botones que solo muestran un ícono.
2. Agrega texto visible, texto visualmente oculto o un aria-label que diga lo que 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.
- Revisa 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