Scopo del collegamento (nel contesto)
Lo scopo di ogni collegamento deve essere chiaro dal testo del collegamento stesso, o dalla combinazione con il contesto circostante — la frase, la voce di elenco, la cella della tabella o il paragrafo in cui si trova. Gli utenti di screen reader ascoltano spesso i collegamenti fuori contesto, in un elenco di link.
Cosa richiede
Quando un utente di screen reader richiama l’elenco di tutti i collegamenti presenti in una pagina (una strategia di navigazione comune), ascolta il testo del collegamento separato dalla prosa circostante. «Leggi di più» ripetuto 15 volte non comunica alcuna informazione. Il criterio di successo prevede due modalità per soddisfarlo: il testo del collegamento da solo è descrittivo, oppure il collegamento insieme al suo contesto determinato a livello programmatico (stessa frase, stesso paragrafo, stessa voce di elenco, stessa riga di tabella, o tramite aria-label/aria-describedby) rende chiara la destinazione.
Per la conformità di livello AA, il contesto è sufficiente. Per il livello AAA, si veda il criterio 2.4.9.
Come soddisfarlo
- Scrivere testi dei collegamenti autoesplicativi ogni volta che è possibile:
"Leggi il nostro rapporto sull'accessibilità 2026"invece di"Leggi di più". - Se il progetto grafico prevede un invito all’azione generico, assicurarsi che l’intestazione o il paragrafo immediatamente precedente al collegamento identifichi la destinazione e che condividano la stessa frase o voce di elenco.
- Per i layout a schede, racchiudere l’intera scheda nel collegamento, oppure usare
aria-labelledbyper associare il collegamento all’intestazione della scheda. - Usare
aria-labelper sovrascrivere il testo visibile del collegamento solo quando non è possibile riscrivere il testo — ad esempio, un collegamento con sola freccia «→» che deve essere letto come «Pagina successiva: risultati 21–40.» - Nelle tabelle, testi dei collegamenti come «Modifica» o «Elimina» soddisfano il criterio quando il contesto della riga (una cella nome adiacente) rende ovvia la destinazione.
Errori comuni
- «Clicca qui», «Leggi di più», «Scopri di più», «Qui» usati più volte nella stessa pagina con destinazioni diverse.
- Una griglia di pulsanti «Visualizza» identici sotto le schede prodotto, con il nome del prodotto in un’intestazione ma non associato a livello programmatico al collegamento.
- Un collegamento «Scarica» che non indica cosa si sta scaricando — e nessun
aria-labelo contesto che lo specifichi. - Immagini-collegamento con testo alternativo vuoto e nessuna etichetta testuale circostante — gli screen reader annunciano l’URL.
- «Ulteriori informazioni» che compare 30 volte nell’elenco dei collegamenti di una singola pagina, ciascuno indirizzato a un articolo diverso.
Perché è importante
La lettura a scorrimento è il modo in cui gli utenti di screen reader navigano nelle pagine lunghe. L’elenco dei collegamenti e l’elenco delle intestazioni sono le loro due mappe principali. Una pagina ricca di collegamenti «Leggi di più» è l’equivalente audio di una pagina stampata in cui ogni collegamento è sostituito da una sottolineatura vuota — tecnicamente navigabile, praticamente inutile. Risolvere questo criterio di successo quasi sempre migliora anche la SEO e i tassi di conversione, perché i testi descrittivi dei collegamenti aiutano tutti gli utenti.