WCAG 2.4.4 Syftet med en länk (i sammanhanget)
Nivå AHanterbar
Vad kravet betyder i en webbutik
Det ska gå att förstå vart en länk leder av länktexten, eller av länktexten tillsammans med meningen eller listpunkten den står i. Skärmläsare kan lista alla länkar på en sida, och då säger tio länkar med texten ”Läs mer” ingenting. Länkar som bara är en ikon eller bild behöver ett namn.
Vanliga fel
- Flera länkar med texten ”Läs mer” eller ”Klicka här” på samma sida.
- Ikonlänkar till sociala medier, varukorgen och kontot utan text eller aria-label.
- Produktbilder som är länkar men saknar alt-text, så att länken blir tom.
- Länkar vars text bara är en webbadress, till exempel till leveransvillkoren.
Så rättar du det
Skriv vart länken leder i själva länktexten. Är länken bara en ikon får den ett namn med aria-label, och ikonen döljs för skärmläsare.
<a href="/returer">Läs mer om returer</a>
<a href="/konto" aria-label="Mitt konto">
<svg aria-hidden="true" focusable="false">...</svg>
</a>Vem kontrollerar det
Gratistestet
Gratistestet letar efter det här i källkoden:
- Länk saknar tillgängligt namn. Ofta en ikon eller bild utan alt-text inuti länken.
- Länktexten säger inte vart länken leder (till exempel ”Läs mer” eller ”Klicka här”).
Om en länktext är tydlig i sitt sammanhang går inte att avgöra automatiskt. Gratistestet hittar tomma länkar och de vanligaste oklara texterna.
Läs mer
Den auktoriserade svenska översättningen gäller WCAG 2.0. Kravet 2.4.4 har samma lydelse i WCAG 2.1.