Collegamenti adiacenti

Silktide individua coppie di collegamenti che si trovano uno accanto all'altro e rimandano alla stessa destinazione. Questi duplicati dovrebbero quasi sempre essere combinati in un unico collegamento.

Il caso più comune è un collegamento immagine seguito da un collegamento testuale alla stessa pagina:

<!-- Problema: due collegamenti separati alla stessa destinazione -->
<a href="news.html">
    <img src="photo.jpg" alt="">
</a>
<a href="news.html">
    Notizie
</a>

<!-- Correzione: un unico collegamento combinato -->
<a href="news.html">
    <img src="photo.jpg" alt="">
    Notizie
</a>

Perché è importante

Molte persone consultano una pagina in sequenza: chi usa la tastiera passa in rassegna ogni collegamento uno alla volta e chi usa uno sente l'annuncio di ogni collegamento. I collegamenti adiacenti duplicati raddoppiano questo lavoro senza alcun vantaggio: la stessa destinazione viene annunciata due volte, gli elenchi dei collegamenti si riempiono di ripetizioni e un collegamento immagine con vuoto accanto al suo gemello testuale può essere annunciato senza alcun nome, creando confusione.

Combinare la coppia in un unico collegamento offre a tutti un'unica destinazione con un nome chiaro e semplifica il tuo .

Come risolvere il problema

Sposta l'immagine e il testo all'interno di un unico elemento <a>, come nell'esempio precedente.
Assegna all'immagine all'interno del collegamento combinato un valore alt="" vuoto, poiché il testo accanto ad essa identifica già la destinazione: vedi Testo alternativo duplicato.
Se il tuo o il tuo tema genera i collegamenti duplicati (un caso comune negli elenchi di notizie e nei layout a schede), correggi il modello una sola volta per risolvere ogni occorrenza.

Come Silktide esegue questo controllo

Individua tutti i collegamenti in ogni pagina.
Ignora i collegamenti che rimandano a #, che sono quasi sempre segnaposto per , e i collegamenti che non possono ricevere il , che non vengono esposti come collegamenti alle .
Per ogni collegamento, esamina ciò che lo segue immediatamente. Se tra i due collegamenti c'è qualcosa oltre agli spazi vuoti, non sono adiacenti e non viene segnalato alcun problema.
Segnala la coppia quando il collegamento successivo risolve nello stesso URL assoluto.

Risoluzione dei problemi

I due collegamenti svolgono funzioni diverse

I collegamenti che condividono un URL ma eseguono JavaScript diverso non vengono segnalati quando la differenza è visibile nei relativi attributi onclick. Se una coppia si comporta in modo diverso ma Silktide non è in grado di rilevarlo, puoi il problema, ma valuta se la distinzione sia altrettanto invisibile ai tuoi visitatori.

I collegamenti non sono uno accanto all'altro visivamente

L'adiacenza viene misurata nel codice della pagina, non sullo schermo. Due collegamenti possono apparire molto distanti dopo l'applicazione degli stili e tuttavia essere adiacenti nell'HTML; inoltre, le tecnologie assistive leggono l'ordine dell'HTML, quindi per questi utenti la duplicazione è reale.