Role-Attribut
Das role-Attribut stammt aus der WAI-ARIA-Spezifikation und weist einem HTML-Element eine semantische Rolle zu, die für assistive Technologien wie Screenreader erkennbar ist – besonders wichtig bei nicht-semantischen Elementen wie div oder span.
In der Praxis
Wo möglich, sollte ein natives HTML-Element bevorzugt werden – ein echtes
<button> ist immer die robustere Wahl gegenüber <div role="button">, weil Tastaturbedienbarkeit und Zustände wie "gedrückt" automatisch mitkommen. Wird trotzdem eine Rolle per role-Attribut vergeben, müssen Tastaturbedienbarkeit, Fokus und Tastenereignisse manuell nachgebaut werden. Ob das Ergebnis wirklich funktioniert, zeigt sich zuverlässig erst im Test mit einem echten Screenreader.