# I pulsanti devono avere un testo distinguibile

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

WCAG 4.1.2 Name, Role, Value · Livello A

Alcuni pulsanti non hanno un nome accessibile, quindi chi usa uno screen reader sente solo «pulsante».

## Cosa controlla questa regola
Assicurati che i pulsanti abbiano un testo distinguibile.

## Perché è importante
Il criterio WCAG 4.1.2 richiede che ogni controllo abbia un nome. I pulsanti senza nome sono spesso i selettori di quantità, i pulsanti di chiusura e le frecce degli slider.

## Come correggerlo
### Su qualsiasi sito web
1. Trova i pulsanti senza nome, di solito pulsanti che mostrano solo un’icona.
2. Aggiungi un testo visibile, un testo visivamente nascosto o un aria-label che dica cosa fa il pulsante (ad esempio aria-label="Close" o aria-label="Increase quantity").

### Su Shopify
1. Trova i pulsanti senza nome, di solito pulsanti che mostrano solo un’icona.
2. Aggiungi un testo visibile, un testo visivamente nascosto o un aria-label che dica cosa fa il pulsante (ad esempio aria-label="Close" o aria-label="Increase quantity").

### Su WooCommerce e WordPress
1. Trova i pulsanti senza nome, di solito pulsanti che mostrano solo un’icona.
2. Aggiungi un testo visibile, un testo visivamente nascosto o un aria-label che dica cosa fa il pulsante (ad esempio aria-label="Close" o aria-label="Increase quantity").

## Come verificare la correzione
- Esegui di nuovo la scansione delle pagine interessate.
- Controlla i pulsanti con uno screen reader.

## Fonti
- Documentazione della regola axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Comprendere il criterio WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value