Web Accessibility Academy · Lezione

Testo dei link comprensibile anche fuori contesto

Elimini click here affinché i link siano chiari anche da soli.

Lezione 2 di 413 passaggi

Testo dei link comprensibile anche fuori contesto è una lezione Web Accessibility Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Web Accessibility Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Web Accessibility Academy include 4 lezioni in totale.

Link fuori contesto

Gli utenti di lettori di schermo spesso aprono un elenco di tutti i link presenti nella pagina. Ognuno deve avere senso da solo, senza la frase circostante.

La trappola di «fai clic qui»

Immagini un elenco di dieci link che riportano tutti soltanto fai clic qui. Fuori contesto sono inutili, perché nulla li distingue. 😕

<a href="/report">click here</a>

Descrivere la destinazione

Un buon testo del link indica dove si sta andando. Usi il titolo della pagina o del documento, così il link è chiaro anche da solo.

<a href="/report">Read the 2025 report</a>

«Leggi altro» è poco utile

Espressioni come leggi altro e scopri di più si ripetono in tutta la pagina e non dicono a nessuno dove portano effettivamente.

Mettere il significato all'inizio

Inserisca le parole più utili all'inizio del link. In questo modo, gli utenti che cercano scorrendo in base alla prima lettera trovano più rapidamente quello giusto.

Evitare l'URL nudo

Un URL grezzo usato come testo del link viene letto ad alta voce come una lunga sequenza di lettere e barre. Usi invece parole comprensibili che indichino la destinazione.

Mantenere coerenti i link corrispondenti

Se due link portano allo stesso posto, assegni loro lo stesso testo. Usare formulazioni diverse per un'unica destinazione confonde soltanto le persone.

Quando serve davvero altro

Se il testo visibile deve rimanere breve, aria-label può fornire al link un nome accessibile più completo, che i lettori di schermo annunceranno.

<a href="/report" aria-label="Read the 2025 report">Read more</a>

Far corrispondere ciò che si vede e ciò che si sente

Quando aggiunge un'etichetta, mantenga le parole visibili all'interno del nome accessibile, così gli utenti del controllo vocale possono pronunciare ciò che vedono.

Attenzione ai link formati solo da icone

Un link costituito soltanto da un'icona non ha testo da leggere. Gli assegni un'etichetta visibile o un nome accessibile, mai nessuno dei due.

Evitare la parola «link»

Di solito non è necessario inserire la parola link nel testo. Il lettore di schermo annuncia già il ruolo, quindi la parola verrebbe ripetuta.

Verifica rapida

Perché un testo del link come «fai clic qui» è problematico per gli utenti di lettori di schermo?

Riepilogo

Scriva un testo del link autonomo che indichi la destinazione. Elimini «fai clic qui» e ogni link diventerà autoesplicativo. ✨

Gratis per iniziare

Impara HTML con un tutor IA — gratis

Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.

Corsi
30
Lezioni
120

Domande Frequenti

La lezione «Testo dei link comprensibile anche fuori contesto» è gratuita?

Sì — il testo completo di «Testo dei link comprensibile anche fuori contesto» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Web Accessibility Academy, passa a CoddyKit PRO. Il corso Web Accessibility Academy include 4 lezioni in totale.

Cosa imparerò in «Testo dei link comprensibile anche fuori contesto»?

Elimini click here affinché i link siano chiari anche da soli. Eserciti Web Accessibility Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare Web Accessibility Academy?

Non è richiesta alcuna esperienza precedente. Web Accessibility Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.

Quanto tempo richiede la lezione «Testo dei link comprensibile anche fuori contesto»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione Web Accessibility Academy?

Sì. Ogni lezione Web Accessibility Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. I link portano da qualche parte, i pulsanti fanno qualcosa
  2. Testo dei link comprensibile anche fuori contesto
  3. Pulsanti che annunciano la propria azione
  4. L'anti-pattern dell'ancora senza href
← Torna a Web Accessibility Academy