Testo alternativo duplicato

Silktide trova le immagini collegate il cui testo alternativo ripete il testo immediatamente accanto. Quando un'immagine e il testo adiacente comunicano la stessa cosa, chi usa un lettore di schermo ascolta le stesse parole due volte.

<!-- Problema: annunciato come "Apple Apple" -->
<a href="\/apple">
    <img src="apple.png" alt="Apple">
    Apple
</a>

<!-- Corretto: alt vuoto, il testo da solo identifica il collegamento -->
<a href="\/apple">
    <img src="apple.png" alt="">
    Apple
</a>

Perché è importante

Il serve a sostituire un'immagine per le persone che non possono vederla. Quando le stesse parole compaiono già accanto all'immagine, il testo alternativo non aggiunge nulla: un annuncia "Apple Apple", dando l'impressione che qualcosa non funzioni e rallentando l'ascolto senza alcun beneficio. Ripetuta in una pagina di schede di prodotti o anteprime di notizie, la ripetizione diventa davvero stancante.

Un'immagine il cui significato è interamente trasmesso dal testo adiacente è di fatto e dovrebbe essere contrassegnata come tale.

Come risolvere il problema

Assegna all'immagine un alt="" vuoto, in modo che la la ignori e legga solo il testo adiacente, come nell'esempio precedente.
In alternativa, nascondi l'immagine con aria-hidden="true": è utile quando il tuo insiste nel compilare l'attributo alt.
Se l'immagine e il testo sono due collegamenti separati alla stessa destinazione, uniscili prima in un unico collegamento: consulta Collegamenti adiacenti.

Come Silktide esegue il controllo

Trova ogni immagine contenuta in un collegamento.
Legge il testo accessibile dell'immagine: il suo attributo alt o un aria-label.
Lo confronta con il testo visibile degli elementi immediatamente prima e dopo l'immagine.
Segnala l'immagine quando i due testi corrispondono esattamente, ignorando le maiuscole e le minuscole.

Risoluzione dei problemi

Il testo corrispondente non fa parte del collegamento

Il confronto esamina gli elementi immediatamente adiacenti all'immagine, che possono includere testo appena fuori dal collegamento. La duplicazione è comunque reale per chi usa un lettore di schermo mentre si sposta nella pagina, quindi si applicano le stesse soluzioni.

I testi differiscono leggermente

Vengono segnalate solo le corrispondenze esatte, ignorando le maiuscole e le minuscole. I quasi duplicati, come "Apple" accanto a alt="Apple logo", superano questo controllo, ma valuta comunque se il testo alternativo aggiunge qualcosa per chi ascolta.