Hvad denne regel tjekker
Sørg for, at links har forståelig tekst.
Hvorfor det er vigtigt
WCAG 2.4.4 og 4.1.2 kræver, at links har et tilgængeligt navn, der beskriver deres formål.
Sådan retter du det
- Find de links, der ikke har noget navn. De fleste er ikoner eller billeder inde i et <a>-tag.
- Tilføj visuelt skjult tekst i linket eller en aria-label som aria-label="Instagram" eller aria-label="Cart".
- Hvis linket omslutter et billede, så giv i stedet billedet en meningsfuld alt-tekst.
Sådan tjekker du rettelsen
- Scan igen, og bekræft, at link-name er væk.
- Tab til hvert link med en skærmlæser kørende, og lyt til navnet.
Sådan finder FixReports det
Vores scanning kører axe-core-reglen link-name i en rigtig Chrome-browser på hver side, den tester, og rapporterer hvert element, der fejler, med siden, markuppen og, hvor det er relevant, et skærmbillede.
En automatisk test bekræfter, at netop dette problem findes. Den kan ikke afgøre, om resten af siden er tilgængelig: nogle barrierer viser sig først, når et menneske tjekker siden.