Versteckte Inhalte sind fokussierbar

Meldung in axe und Lighthouse: ARIA-hidden Elemente dürfen keine fokussierbaren Elemente beinhalten. · aria-hidden-focus · WCAG 4.1.2

Was das bedeutet und warum es wichtig ist

Tastaturnutzende landen auf Elementen, die der Screenreader nicht sieht — sie verlieren die Orientierung (WCAG 4.1.2).

So beheben Sie es

Fokussierbare Elemente aus aria-hidden-Bereichen entfernen oder tabindex="-1" bzw. inert setzen.

Code-Beispiel

Vorher

<div aria-hidden="true">
  <a href="/sale">Sale</a>
</div>

Nachher

<div aria-hidden="true" inert>
  <a href="/sale">Sale</a>
</div>

Alle Barrierefreiheits-Fehler