ACCESSIBILITÀ ≠ OVERLAY · 37
Link accessibili: sapere dove si va prima di fare clic
📅 10 novembre 2026 · ⏱ 6 min di lettura
Un link deve aiutare a scegliere, non costringere a indovinare. Testo, contesto e comportamento determinano se una persona può orientarsi con lettore di schermo, tastiera, voce o ingrandimento.
01. Quando tutte le destinazioni si chiamano «qui»
Immagina una pagina di servizi con otto link chiamati «maggiori informazioni». Guardando l’intera pagina, forse associ ogni collegamento alla sua scheda. Chi ascolta un elenco di link può invece sentire otto nomi identici. Deve tornare al contenuto, individuare ogni blocco e ricostruire il rapporto con la destinazione. Un’operazione semplice diventa una ricerca inutile.
Non riguarda soltanto le persone cieche. Con l’ingrandimento può essere visibile solo una parte della scheda; chi usa la tastiera deve decidere se ogni fermata è pertinente. Un link descrittivo riduce lo sforzo prima dell’attivazione. La domanda utile è che cosa può anticipare la persona con le informazioni effettivamente disponibili, non con l’intera composizione conosciuta da chi progetta.
02. Descrivi lo scopo, non un ordine vuoto
«Consulta gli orari di assistenza» permette di anticipare la destinazione meglio di «clicca qui». «Scarica la guida all’iscrizione» spiega più di «scarica». Non occorre trasformare ogni link in una frase interminabile: scegli le parole che distinguono quella risorsa ed evita di ripetere tutto il paragrafo.
Il testo deve corrispondere al contenuto raggiunto. Se «Tariffe del servizio» apre una pagina promozionale senza tariffe, l’etichetta non risolve il compito. Ricontrolla i link dopo aver aggiornato documenti o riorganizzato pagine. Un nome prima corretto può diventare fuorviante anche se l’URL funziona ancora. La precisione editoriale fa parte dell’accessibilità e della manutenzione quotidiana. Le etichette devono essere aggiornate insieme alle risorse che descrivono.
03. Contesto valido e comprensione fuori contesto
Le WCAG 2.2 distinguono la comprensione dello scopo nel contesto dal requisito più rigoroso di comprenderlo dal solo nome. Il criterio 2.4.4, di livello A, permette di combinare il testo del link con un contesto determinabile dal software. Un paragrafo, un elemento di elenco o una cella associati possono fornire informazioni pertinenti.
Quindi «leggi di più» non rappresenta automaticamente una violazione in qualsiasi situazione. Esamina l’associazione effettiva, non soltanto la vicinanza visiva. Anche quando il contesto soddisfa il criterio, un nome specifico facilita spesso gli elenchi di link e l’esplorazione rapida. Distingui la valutazione di conformità dalla scelta di un’esperienza più chiara. Una raccomandazione utile non deve diventare una regola inventata.
04. Nome visibile e nome annunciato devono corrispondere
Il nome accessibile può derivare dal testo, da un’immagine o da un meccanismo come aria-label. Se l’etichetta visibile dice «Contatta» ma il nome accessibile è completamente diverso, chi utilizza il controllo vocale può avere difficoltà ad attivare il link pronunciando ciò che vede. Il criterio 2.5.3 richiede che il nome contenga il testo dell’etichetta visibile quando applicabile.
La prima opzione è generalmente migliorare il testo visibile per tutti. Evita di aggiungere descrizioni nascoste molto lunghe senza verificare il nome risultante. L’attributo title non dovrebbe essere l’unico punto in cui viene spiegata la destinazione: l’accesso cambia tra dispositivi. Controlla il nome calcolato e ascoltalo nell’interfaccia effettiva, comprese eventuali ripetizioni indesiderate.
05. Anche un’immagine collegata ha uno scopo
Se un’immagine è l’unico contenuto di un link, l’alternativa testuale deve comunicare la funzione del collegamento. Per un logo che porta alla pagina iniziale conta identificare quella navigazione, non descrivere ogni curva del disegno. Una lente di ingrandimento collegata non dovrebbe chiamarsi come un file, per esempio «icona-finale-2.svg».
Quando immagine e testo appartengono allo stesso link e il testo ne spiega già lo scopo, un’immagine decorativa può avere un’alternativa vuota per evitare ripetizioni. Controlla anche le schede con immagine, titolo e pulsante diretti alla stessa risorsa. Più link consecutivi possono creare fermate ridondanti. Cerca una soluzione coerente senza annidare collegamenti o privare un intero contenitore della sua semantica e interazione nativa.
06. Link e pulsanti svolgono lavori differenti
Un link conduce a una risorsa o posizione. Un pulsante esegue un’azione, come aprire un pannello o inviare un modulo. Possono avere un aspetto simile, ma cambiano comportamento e aspettative. Usa elementi nativi adatti alla funzione; un link privo di destinazione reale non è una soluzione universale per qualsiasi controllo.
Non sostituire questa base con un div dotato di evento di clic e ruolo improvvisato. Dovresti gestire anche focus, attivazione da tastiera e altri comportamenti già offerti dall’elemento nativo. Verifica che i link funzionino con Invio e i pulsanti rispondano secondo l’interazione prevista. La tecnologia deve accompagnare il compito senza costringere la persona a scoprire un comportamento nuovo in ogni componente dell’interfaccia.
07. Download e cambiamenti di contesto prevedibili
Se un link porta a un documento, identifica chiaramente l’argomento. Aggiungere formato e, quando utile, dimensione aiuta a decidere se aprirlo da un telefono o con una connessione limitata. «Guida all’iscrizione, PDF» informa meglio di un indirizzo lungo o di un’icona priva di spiegazione.
Evita di aprire nuove schede per abitudine. Quando esiste una ragione, avvertire di quel comportamento aiuta a mantenere l’orientamento. Questa buona pratica non equivale a sostenere che ogni nuova scheda violi automaticamente le WCAG. Un nome chiaro non rende accessibile neppure il file di destinazione. Un PDF senza struttura continua a creare barriere. Controlla tutto il percorso dalla scelta fino alla consultazione effettiva della risorsa.
08. Visibilità, focus e spazio per attivare
I link nei paragrafi devono essere riconoscibili senza dipendere soltanto dal colore; la sottolineatura è spesso una soluzione chiara e stabile. Controlla il contrasto ed evita che gli stati visitato o focalizzato rendano il testo illeggibile. L’interazione deve essere riconoscibile prima di passarci sopra con il mouse.
Percorri i collegamenti con Tab e Maiusc+Tab. L’indicatore di focus deve essere visibile e il componente che riceve focus non deve essere completamente nascosto da contenuti creati dal sito; le WCAG 2.2 trattano quest’ultimo caso in 2.4.11. Controlla inoltre distanze e requisiti applicabili alla dimensione degli obiettivi, considerate le eccezioni. Allargare un’area cliccabile non deve produrre sovrapposizioni che attivino accidentalmente un’altra destinazione.
09. Verifica la scelta prima di verificare il clic
Scegli un compito reale: trovare gli orari oppure raggiungere il contatto dell’assistenza. Leggi i nomi dei link senza attivarli e annota la destinazione attesa. Segui poi il percorso e confronta aspettativa e risultato. Ripeti con lettore di schermo, elenco di link, tastiera e ingrandimento secondo necessità.
Gli strumenti automatici possono individuare alcuni nomi mancanti o difetti di contrasto, ma non decidono se «maggiori informazioni» promette la risorsa corretta o se una traduzione conserva il significato. Documenta le ambiguità indicando posizione, nome annunciato e destinazione prevista. Non valutare l’intero sito da un link isolato: menu, schede, piè di pagina e contenuti editoriali provengono spesso da componenti e decisioni differenti.
10. Correggi l’origine e conserva la chiarezza
In WordPress e Divi, controlla testo dell’editor, HTML e nome accessibile risultante. Correggi il modulo condiviso quando molte schede ripetono lo stesso difetto. Traduci i nomi e verifica la lingua delle destinazioni: un’etichetta localizzata aiuta poco se la risorsa cambia improvvisamente lingua.
Un overlay non conosce autonomamente l’intenzione editoriale di ogni link e non garantisce che un nome generico descriva la risorsa corretta. Le regolazioni visive possono integrare il lavoro senza sostituire questa decisione. Aggiungi una domanda semplice alla revisione: la persona può scegliere consapevolmente prima di attivare? L’accessibilità migliora quando sa dove sta andando, raggiunge il contenuto previsto e può continuare in autonomia.