Element mit interaktiver Rolle, aber ohne Namen

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Ein Element hat role="{role}" und keinen zugänglichen Namen.

Warum das zählt

Wer einem <div> die Rolle einer Schaltfläche gibt, übernimmt die Verantwortung für alles, was eine Schaltfläche von Haus aus mitbringt — angefangen bei ihrem Namen. Fehlt er, sagt der Screenreader die Rolle an und keinen Inhalt.

So wird es behoben

Ergänzen Sie ein aria-label — oder besser: Ersetzen Sie das <div> durch das native Element, das Name, Fokus und Tastaturbedienung auf einen Schlag löst.

Verwandte Themen

• Grafische Schaltfläche ohne Alternativtext
• Eingebetteter Rahmen ohne Titel
• Formularfelder ohne Beschriftung
• Schaltflächen ohne Namen