Duplikeret alt-tekst

Silktide finder billeder i links, hvis alternative tekst gentager teksten lige ved siden af dem. Når et billede og den tilstødende tekst siger det samme, hører personer, der bruger en skærmlæser, de samme ord to gange.

<!-- Problem: annonceres som "Apple Apple" -->
<a href="/apple">
    <img src="apple.png" alt="Apple">
    Apple
</a>

<!-- Løst: tom alt, teksten alene navngiver linket -->
<a href="/apple">
    <img src="apple.png" alt="">
    Apple
</a>

Hvorfor det er vigtigt

findes for at erstatte et billede for personer, der ikke kan se det. Når de samme ord allerede står ved siden af billedet, tilfører alt- teksten intet – en annoncerer "Apple Apple", hvilket lyder forkert og gør lytningen langsommere uden nogen fordel. Ganget med en side med produktkort eller nyhedsteasere bliver gentagelsen virkelig trættende.

Et billede, hvis betydning er fuldt dækket af tilstødende tekst, er reelt og bør markeres som sådan.

Sådan løser du det

Giv billedet en tom alt="", så springer det over og kun læser den tilstødende tekst, som i eksemplet ovenfor.
Alternativt kan du skjule billedet med aria-hidden="true" – nyttigt, når dit insisterer på at udfylde attributten alt.
Hvis billedet og teksten er to separate links til samme destination, skal du først samle dem i ét link – se Tilstødende links.

Sådan tester Silktide dette

Find hvert billede, der er placeret inde i et link.
Læs billedets tekst til hjælpeteknologi: attributten alt eller en aria-label.
Sammenlign den med den synlige tekst i elementerne umiddelbart før og efter billedet.
Rapportér billedet, når de to matcher nøjagtigt, uden hensyn til store og små bogstaver.

Fejlfinding

Den matchende tekst er ikke en del af linket

Sammenligningen ser på billedets umiddelbare naboer, som kan omfatte tekst lige uden for linket. Duplikeringen er stadig reel for en skærmlæserbruger, der bevæger sig gennem siden, så de samme løsninger gælder.

Teksterne er lidt forskellige

Kun nøjagtige matches (uden hensyn til store og små bogstaver) rapporteres. Næsten-identiske tekster som "Apple" ved siden af alt="Apple logo" består dette tjek, men overvej, om alt-teksten stadig tilfører noget for en lytter.