Hva denne regelen sjekker
Sørg for at knapper har forståelig tekst.
Hvorfor det er viktig
WCAG 4.1.2 krever at alle kontroller har et navn. Knapper uten navn er ofte knapper for å endre antall, lukkeknapper og piler i karuseller.
Slik fikser du det
- Finn knappene som ikke har noe navn, som regel knapper som bare viser et ikon.
- Legg til synlig tekst, visuelt skjult tekst eller en aria-label som sier hva knappen gjør (for eksempel aria-label="Close" eller aria-label="Increase quantity").
Slik kontrollerer du utbedringen
- Skann de berørte sidene på nytt.
- Sjekk knappene med en skjermleser.
Slik finner FixReports det
Skanningen vår kjører axe-core-regelen button-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.