Hvad denne regel tjekker
Sørg for, at knapper har forståelig tekst.
Hvorfor det er vigtigt
WCAG 4.1.2 kræver, at alle kontroller har et navn. Knapper uden navn er ofte knapper til antal, lukkeknapper og pile i slidere.
Sådan retter du det
- Find de knapper, der ikke har noget navn, typisk knapper, der kun viser et ikon.
- Tilføj synlig tekst, visuelt skjult tekst eller en aria-label, der siger, hvad knappen gør (for eksempel aria-label="Close" eller aria-label="Increase quantity").
Sådan tjekker du rettelsen
- Scan de berørte sider igen.
- Tjek knapperne med en skærmlæser.
Sådan finder FixReports det
Vores scanning kører axe-core-reglen button-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.