# I collegamenti devono avere un testo distinguibile

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

WCAG 2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value · Livello A

Alcuni link non hanno un testo che uno screen reader possa annunciare: spesso sono link con la sola icona, come le icone dei social o l’icona del carrello.

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

## Perché è importante
I criteri WCAG 2.4.4 e 4.1.2 richiedono che i link abbiano un nome accessibile che ne descriva lo scopo.

## Come correggerlo
### Su qualsiasi sito web
1. Trova i link senza nome. Per lo più sono icone o immagini all’interno di un tag <a>.
2. Aggiungi un testo visivamente nascosto all’interno del link, oppure un aria-label come aria-label="Instagram" o aria-label="Cart".
3. Se il link contiene un’immagine, dai invece all’immagine un testo alternativo significativo.

### Su Shopify
1. Trova i link senza nome. Per lo più sono icone o immagini all’interno di un tag <a>.
2. Aggiungi un testo visivamente nascosto all’interno del link, oppure un aria-label come aria-label="Instagram" o aria-label="Cart".
3. Se il link contiene un’immagine, dai invece all’immagine un testo alternativo significativo.

### Su WooCommerce e WordPress
1. Trova i link senza nome. Per lo più sono icone o immagini all’interno di un tag <a>.
2. Aggiungi un testo visivamente nascosto all’interno del link, oppure un aria-label come aria-label="Instagram" o aria-label="Cart".
3. Se il link contiene un’immagine, dai invece all’immagine un testo alternativo significativo.

## Come verificare la correzione
- Esegui di nuovo la scansione e verifica che link-name sia scomparso.
- Con uno screen reader attivo, raggiungi ogni link con Tab e ascolta il nome.

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