Duplicerad alternativtext

Silktide hittar länkade bilder vars alternativa text upprepar texten precis intill dem. När en bild och den intilliggande texten säger samma sak hör personer som använder en skärmläsare samma ord två gånger.

<!-- Problem: läses upp som "Apple Apple" -->
<a href="/apple">
    <img src="apple.png" alt="Apple">
    Apple
</a>

<!-- Åtgärdat: tom alt-text, texten ensam anger länken -->
<a href="/apple">
    <img src="apple.png" alt="">
    Apple
</a>

Varför detta är viktigt

finns för att ersätta en bild för personer som inte kan se den. När exakt samma ord redan står bredvid bilden tillför alternativtexten inget – en läser upp "Apple Apple", vilket låter fel och gör lyssnandet långsammare utan någon nytta. När detta upprepas över en sida med produktkort eller nyhetspuffar blir upprepningen verkligen tröttande.

En bild vars innebörd helt förmedlas av intilliggande text är i praktiken och bör markeras som sådan.

Så åtgärdar du problemet

Ge bilden en tom alt="" så att hoppar över den och bara läser den intilliggande texten, som i exemplet ovan.
Alternativt kan du dölja bilden med aria-hidden="true" – användbart när ditt insisterar på att fylla i attributet alt.
Om bilden och texten är två separata länkar till samma mål ska du först slå ihop dem till en länk – se Intilliggande länkar.

Så testar Silktide detta

Hitta alla bilder som finns inuti en länk.
Läs bildens text för hjälpmedel: dess alt-attribut eller en aria-label.
Jämför den med den synliga texten i elementen omedelbart före och efter bilden.
Rapportera bilden när de två matchar exakt, utan hänsyn till skiftläge.

Felsökning

Den matchande texten är inte en del av länken

Jämförelsen tittar på bildens omedelbara grannar, vilket kan inkludera text precis utanför länken. Dupliceringen är fortfarande verklig för en skärmläsaranvändare som förflyttar sig genom sidan, så samma åtgärder gäller.

Texterna skiljer sig något

Endast exakta matchningar (utan hänsyn till skiftläge) rapporteras. Nästan identiska texter, som "Apple" bredvid alt="Apple logo", godkänns av denna kontroll, men fundera på om alternativtexten fortfarande tillför något för den som lyssnar.