WCAG 2Ernsthaft
Stellen Sie sicher, dass aria-hidden-Elemente nicht fokussierbar sind und keine fokussierbaren Elemente enthalten
Diese Regel prüft, dass aria-hidden-Elemente keine fokussierbaren Elemente enthalten.
Warum ist das wichtig?
Die Verwendung des Attributs aria-hidden="true" für ein Element entfernt es und alle seine untergeordneten Knoten aus der Accessibility-API. Ein fokussierbares Element mit aria-hidden="true" wird als Teil der Lesereihenfolge ignoriert, ist aber immer noch Teil der Fokusreihenfolge, wodurch sein Zustand (sichtbar oder verborgen) unklar wird.
Lösung
Stellen Sie sicher, dass aria-hidden-Elemente nicht fokussierbar sind. Verwenden Sie tabindex="-1" für fokussierbare Elemente, blenden Sie sie mit display:none oder visibility:hidden in CSS aus oder verwenden Sie das disabled-Attribut für Formularsteuerelemente in aria-hidden-Containern.