ARIA-Bedienelemente ohne Namen

Meldung in axe und Lighthouse: ARIA Befehle müssen einen zugänglichen Namen (accessible name) besitzen. · aria-command-name · WCAG 4.1.2

Was das bedeutet und warum es wichtig ist

Eigene Bedienelemente (role="button", role="link", role="menuitem") brauchen einen zugänglichen Namen, sonst bleibt ihr Zweck unklar (WCAG 4.1.2).

So beheben Sie es

Textinhalt oder aria-label ergänzen.

Code-Beispiel

Vorher

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

Nachher

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

Alle Barrierefreiheits-Fehler