ARIA-bedieningselementen zonder naam

Melding in axe en Lighthouse: ARIA commands must have an accessible name · aria-command-name · WCAG 4.1.2

Wat het betekent en waarom het belangrijk is

Eigen bedieningselementen (role="button", role="link", role="menuitem") hebben een toegankelijke naam nodig, anders blijft de functie onduidelijk (WCAG 4.1.2).

Zo los je het op

Voeg tekst of een aria-label toe aan het element.

Codevoorbeeld

Voor

<div role="button" tabindex="0" class="icon-heart"></div>

Na

<div role="button" tabindex="0" class="icon-heart" aria-label="Add to wish list"></div>

Alle toegankelijkheidsfouten