aria menu
aria menu: Rolle nur mit Tastaturvertrag.
Website-Links sind Navigation, kein App-Menü. Wählen Sie den Zweck und testen Sie, welche Rollen, Tasten und Fokusregeln wirklich dazugehören.
01 / Pattern-Entscheider
Zweck wählen, Tastaturvertrag direkt vergleichen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört der Entscheider Ihnen.
Pattern-Entscheider
Wohin führt die Menüspur?
Fokusvertrag
Links wechseln Seiten
- 1Tab erreicht jeden Link
- 2Enter folgt dem Link
- 3Keine Pfeiltastenpflicht
<nav aria-label="Haupt">
<a href="/produkte">Produkte</a>
<a href="/kontakt">Kontakt</a>
</nav>Live-Test
Tab + EnterHauptnavigation
Kein role="menu": Tab bleibt erwartbar.
Website-Navigation gewählt. Normale Tab-Reihenfolge ohne ARIA-Menürollen.
02 / Der Unterschied
Ein Pattern ist der Anfang, nicht die Website.
Die falsche Rolle sperrt die Tastatur
role="menu" auf einer Website-Navigation nimmt Links aus der Tab-Reihenfolge und verspricht Pfeiltasten, die niemand gebaut hat. App-Menüs ohne Vertrag lassen den Fokus ins Leere laufen.
Rollen finden, Bedienung testen
Der Website-Check findet Menürollen, aria-haspopup und aria-expanded auf Ihren Seiten. Ob die Fokusführung wirklich funktioniert, bleibt ein Tastaturtest.
Fundstellen statt Pattern-Rätsel
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigene Navigation prüfen.
Der Entscheider zeigt ein einzelnes Pattern. Der Website-Check prüft Ihre Seiten auf Menürollen, Zustände und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis