Barrierefreiheit

role="presentation" auf einem fokussierbaren Element

Üblicher Schweregrad: niedrig · Aufwand: minimal

Woran du es erkennst

Ein Element mit role="presentation" oder role="none" ist trotzdem fokussierbar oder trägt globale ARIA-Attribute (axe-Regel presentation-role-conflict).

Warum es zählt

Die Rolle sagt „ignoriert mich", die Tastatur sagt „hier bin ich": Screenreader übergehen das Element, während Tastaturnutzer darauf landen — ein widersprüchlicher Zustand, der die Bedienung unvorhersehbar macht.

So behebst du es

  1. Entferne role="presentation"/"none" von Elementen, die interaktiv sind oder fokussiert werden können — oder entferne die Fokussierbarkeit (tabindex), wenn sie wirklich dekorativ ist.
  2. Nutze semantisch neutrale Elemente (<div>, <span>) für reine Layout-Zwecke, statt Bedeutung per Rolle wegzulöschen.
  3. Prüfe Tabellen- und Listen-Markup, das „nur fürs Layout" per role="presentation" degradiert wurde: Enthaltene Controls verlieren dadurch ihren Kontext.

Zum Nachlesen