Hva denne regelen sjekker
Sørg for at lenker har forståelig tekst.
Hvorfor det er viktig
WCAG 2.4.4 og 4.1.2 krever at lenker har et tilgjengelig navn som beskriver formålet.
Slik fikser du det
- Finn lenkene som ikke har noe navn. De fleste er ikoner eller bilder inne i en <a>-tagg.
- Legg til visuelt skjult tekst inne i lenken, eller en aria-label som aria-label="Instagram" eller aria-label="Cart".
- Hvis lenken omslutter et bilde, gir du heller bildet en meningsfull alt-tekst.
Slik kontrollerer du utbedringen
- Skann på nytt, og bekreft at link-name er borte.
- Gå til hver lenke med Tab mens en skjermleser kjører, og lytt til navnet.
Slik finner FixReports det
Skanningen vår kjører axe-core-regelen link-name i en ekte Chrome-nettleser på hver side den tester, og rapporterer hvert element som feiler, med siden, markupen og, der det er relevant, et skjermbilde.
En automatisk test bekrefter at akkurat dette problemet finnes. Den kan ikke si om resten av siden er universelt utformet: noen barrierer viser seg først når et menneske sjekker siden.