Duplisert alternativ tekst

Silktide finner koblede bilder der den alternative teksten gjentar teksten rett ved siden av bildet. Når et bilde og teksten ved siden av sier det samme, hører personer som bruker skjermleser de samme ordene to ganger.

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

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

Hvorfor dette er viktig

finnes for å erstatte et bilde for personer som ikke kan se det. Når de samme ordene allerede står ved siden av bildet, tilfører den alternative teksten ingenting – en kunngjør "Apple Apple", noe som høres feil ut og gjør lyttingen langsommere uten noen nytte. Når dette gjentas på en side med produktkort eller nyhetsteasere, blir gjentakelsen virkelig slitsom.

Et bilde hvis betydning formidles fullt ut av teksten ved siden av, er i praksis og bør merkes som det.

Slik løser du det

Gi bildet en tom alt="", slik at hopper over det og bare leser teksten ved siden av, som i eksempelet ovenfor.
Du kan også skjule bildet med aria-hidden="true" – dette er nyttig når ditt insisterer på å fylle ut alt-attributtet.
Hvis bildet og teksten er to separate lenker til samme mål, slår du dem først sammen til én lenke – se Tilstøtende lenker.

Slik tester Silktide dette

Finn alle bilder som ligger inne i en lenke.
Les bildets tekst for hjelpeteknologi: alt-attributtet eller en aria-label.
Sammenlign den med den synlige teksten i elementene rett før og etter bildet.
Rapporter bildet når de to samsvarer nøyaktig, uten å ta hensyn til store og små bokstaver.

Feilsøking

Den samsvarende teksten er ikke en del av lenken

Sammenligningen ser på bildets nærmeste naboer, som kan omfatte tekst rett utenfor lenken. Dupliseringen er fortsatt reell for en skjermleserbruker som beveger seg gjennom siden, så de samme løsningene gjelder.

Tekstene er litt forskjellige

Bare nøyaktige samsvar, uten å ta hensyn til store og små bokstaver, rapporteres. Nesten-duplikater som "Apple" ved siden av alt="Apple logo" består denne kontrollen, men vurder om den alternative teksten fortsatt tilfører noe for den som lytter.