Vad regeln kontrollerar
Säkerställ att länkar har urskiljbar text.
Därför spelar det roll
WCAG 2.4.4 och 4.1.2 kräver att länkar har ett tillgängligt namn som beskriver deras syfte.
Så åtgärdar du det
- Hitta länkarna som saknar namn. De flesta är ikoner eller bilder i en <a>-tagg.
- Lägg till visuellt dold text i länken, eller ett aria-label som aria-label="Instagram" eller aria-label="Cart".
- Om länken omsluter en bild ger du i stället bilden en meningsfull alt-text.
Så kontrollerar du åtgärden
- Skanna igen och bekräfta att link-name är borta.
- Tabba till varje länk med en skärmläsare igång och lyssna på namnet.
Så hittar FixReports det
Vår skanning kör axe-core-regeln link-name i en riktig Chrome-webbläsare på varje sida den testar och rapporterar varje felande element med sida, kod och, där det är relevant, en skärmbild.
Ett automatiskt test bekräftar att just det här problemet finns. Det kan inte avgöra om resten av sidan är tillgänglig: vissa hinder syns först när en människa granskar sidan.