Wat deze regel controleert
Zorg dat knoppen herkenbare tekst hebben.
Waarom het belangrijk is
WCAG 4.1.2 vraagt dat elk bedieningselement een naam heeft. Knoppen zonder naam zijn vaak plus- en minknoppen voor het aantal, sluitknoppen en pijlen van sliders.
Zo los je het op
- Zoek de knoppen die geen naam hebben, meestal knoppen die alleen een icoon tonen.
- Voeg zichtbare tekst, visueel verborgen tekst of een aria-label toe dat zegt wat de knop doet (bijvoorbeeld aria-label="Close" of aria-label="Increase quantity").
Zo controleer je de oplossing
- Scan de betrokken pagina’s opnieuw.
- Controleer de knoppen met een schermlezer.
Zo vindt FixReports het
Onze scan voert de axe-core-regel button-name uit in een echte Chrome-browser op elke pagina die hij test, en meldt elk element dat niet slaagt, met de pagina, de markup en, waar van toepassing, een screenshot.
Een geautomatiseerde test bevestigt dat dit specifieke probleem aanwezig is. Hij kan niet zeggen of de rest van de pagina toegankelijk is: sommige drempels komen pas aan het licht als een mens de pagina controleert.