Knoppen zonder leesbare naam

Melding in axe en Lighthouse: Buttons must have discernible text · button-name · WCAG 4.1.2

Wat het betekent en waarom het belangrijk is

Een knop met alleen een icoon (zoeken, sluiten, menu) wordt als ‘knop’ voorgelezen — de functie blijft onduidelijk (WCAG 4.1.2).

Zo los je het op

Geef de knop tekst of een aria-label, bijv. aria-label="Sluiten".

Codevoorbeeld

Voor

<button class="close"><span class="icon-x"></span></button>

Na

<button class="close" aria-label="Close"><span class="icon-x" aria-hidden="true"></span></button>

Alle toegankelijkheidsfouten