Accessible Hamburger Menu
Accessible Hamburger Menu: Der Bedienvertrag zählt.
Ein zugängliches Hamburger-Menü ist ein Disclosure: echter Button, verständlicher Name, synchroner Zustand, logische Tab-Reihenfolge und ein sicherer Rückweg mit Escape.
01 / Live-Konsole
Signal wählen, Verhalten sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Konsole Ihnen.
Disclosure-Konsole
Code und Verhalten zusammen prüfen
Signalpfad
0/5 verbunden
Auslöser: Kein Button
Bedienbare Referenz
Tab · Enter · Escape
Klare Wege.
Ohne Maus.
Komponentenlabor bereit.
02 / Der Unterschied
Das Muster ist der Anfang, nicht die Navigation.
Das Icon ist nie das Problem
In der Praxis ist der Auslöser kein Button, der Zustand passt nicht zum sichtbaren Menü oder Escape lässt Tastaturnutzer ohne Rückweg. Das Menü sieht fertig aus und ist es nicht.
Der Check prüft die ausgelieferte Navigation
Der Website-Check untersucht Ihre Seiten im gerenderten DOM: Auslöser ohne zugänglichen Namen, fehlende Navigations-Landmarken und Rollen, die Hilfstechnik in die Irre führen.
Fundstellen statt Bauchgefühl
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation, direkt mit Ihrer URL.
03 / Auf Ihrer Website
Jetzt die eigene Navigation prüfen.
Die Konsole prüft das Muster einer Komponente. Der Website-Check prüft Ihre gerenderte Navigation auf Namen, Struktur und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis