Alternativ tekst for billede i link

Silktide finder links, der indeholder et billede, men ingen læsbar tekst af nogen art. Et sådant link har intet navn, så personer, der ikke kan se billedet, ikke har nogen mulighed for at vide, hvor det fører hen.

<!-- Problem: Linket har intet tilgængeligt navn -->
<a href="/apple">
    <img src="apple.png">
</a>

<!-- Løst: Den alternative tekst navngiver linket -->
<a href="/apple">
    <img src="apple.png" alt="Et rødt æble">
</a>

Hvorfor det er vigtigt

Når et links eneste indhold er et billede, bliver billedets linkets navn. Uden den annoncerer en noget i retning af "link" eller falder tilbage til at læse destinations-URL'en eller billedfilnavnet – intet af dette fortæller lytteren, hvor linket fører hen. Navigation, der er bygget af billedlinks, såsom logoer og ikonmenuer, bliver gætværk.

Brugere af tastatur og stemmestyring påvirkes også: Et link uden navn er svært at vælge med stemmekommandoer og meningsløst i en liste over links.

Sådan løser du det

Tilføj alternativ tekst til billedet, som beskriver linkets formål – hvor det fører hen, eller hvad det gør – frem for hvordan billedet ser ud. For et linket logo er "Forside" eller din organisations navn bedre end "logo".
Du kan også tilføje synlig tekst i linket ved siden af billedet; billedet kan så have en tom alt="".
Ret skabeloner i dit , hvor det samme umærkede ikonlink gentages på tværs af sider.

Sådan tester Silktide dette

Find alle billeder, der ligger inde i et link, og spring links over, som er skjult for skærmlæsere.
Læs al den tekst, som linket eksponerer for , herunder den alternative tekst for alt indhold i det.
Rapportér billedet, når den samlede tekst ikke indeholder bogstaver eller tal, så linket ikke har noget brugbart navn.

I modsætning til andre tjek af alternativ tekst godkendes en tom alt="" ikke her: Hvis billedet er linkets eneste indhold, efterlader markering af det som dekorativt linket uden navn.

Fejlfinding

Billedet er dekorativt

I et link uden anden tekst kan et billede ikke behandles som rent – noget skal navngive linket. Giv enten billedet alternativ tekst, der beskriver destinationen, eller tilføj synlig tekst til linket.

Linket er mærket på en anden måde

Dette tjek læser tekst og alternativ tekst i linket. Hvis dit link er navngivet på anden vis, og du har bekræftet, at det annonceres korrekt i en skærmlæser, kan du fundet.