aria-hidden · Direktantwort

aria-hidden versteckt nichts auf dem Bildschirm.

aria-hidden="true" entfernt ein Element und alle seine Kinder aus dem Accessibility Tree – sichtbar bleibt es. Setzen Sie es auf reine Dekoration oder echte Wiederholungen, niemals auf Buttons, Links, Formfelder oder deren Vorfahren.

Position des Attributs

Gleiches Bild. Anderer Accessibility Tree.

Im Browser

Der sichtbare Button bleibt unverändert.

Im Accessibility Tree

Richtig: Der Button bleibt mit seinem Namen im Accessibility Tree. Nur das dekorative Icon fehlt.

Vererbt:aria-hidden="false" holt kein Kind aus einem mit aria-hidden="true" verborgenen Elternteil zurück.

Prüfen Sie, ob Ihre Website fokussierbare Elemente technisch verbirgt.

Website auf Barrierefreiheit prüfen