aria hidden

`aria-hidden` löscht keinen Tastaturfokus.

aria-hidden="true" entfernt einen Teilbaum aus dem Accessibility Tree. Sichtbare Elemente und fokussierbare Kinder bleiben jedoch aktiv – genau dort entsteht der kritische Konflikt.

01 / Tree-Schleuse

Zustände kippen, drei Ausgaben vergleichen.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Schleuse Ihnen.

Zuständearia-hidden="true"Visuell mit hidden verbergenKind bleibt fokussierbarKind setzt aria-hidden="false"

<nav aria-hidden="true"><button>Konto öffnen</button></nav>

01 · Bildschirmsichtbar

UI · Konto öffnen

02 · Accessibility Treeausgeschlossen

AX · —

03 · Tab-Reihenfolgeerreichbar

TAB · Konto öffnen

02 / Der Unterschied

Ein Teilbaum ist der Anfang, nicht die Website.

Fokus landet im Verborgenen
aria-hidden wirkt auf den ganzen Teilbaum. Ein einziges fokussierbares Kind darin führt die Tastatur in einen Bereich, den Screenreader nicht mehr ansagen.
Der Check sieht den gerenderten Baum
Der Website-Check findet aria-hidden-Bereiche mit fokussierbaren Elementen und weitere automatisch erkennbare Barrieren auf Ihren Seiten.
Fundstellen statt Einzelfall
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.

03 / Auf Ihrer Website

Jetzt die eigene Seite auf Fokuskonflikte prüfen.

Die Schleuse prüft einen Zustand. Der Website-Check prüft Ihre Seiten im gerenderten Seitenbaum.

1URL
2Auswahl
3Prüfung
4Ergebnis

Fokus landet im Verborgenen

Der Check sieht den gerenderten Baum

Fundstellen statt Einzelfall