accessible menu: HTML-Zweck und Struktur prüfen

01 / Menü-Weiche

Zweck wählen, Beispiel prüfen, Regeln ablesen.

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

Menü-Weiche

4/4Struktur

Eingang

Menü-HTML geprüfter Stand

Ausgang

Tab · Umschalt + Tab · Enter

Navigationsbereich<nav> oder role="navigation" kennzeichnet die Region.
Echte ZieleAlle Links besitzen ein nutzbares href; Klick-Divs ersetzen keine Ziele.
Erkennbare GruppeListen-Markup bildet die Menüstruktur ab.
Kein App-VertragWebsite-Links erzwingen keine menu/menuitem-Pfeiltastenlogik.

Der HTML-Test prüft Struktur. Fokusreihenfolge, Escape und sichtbaren Fokus anschließend auf der laufenden Seite testen.

02 / Der Unterschied

Der falsche Vertrag ist der Standardfehler
Website-Navigation bekommt role="menu" und verlangt Pfeiltasten, oder ein App-Menü bleibt eine Klickliste ohne Tastaturlogik. Beides fällt erst auf, wenn jemand tabbt.
Was der Check findet
Der Website-Check erkennt Menürollen auf Linklisten, aria-controls ohne Ziel und Auslöser ohne Namen auf Ihren Seiten. Pfeiltasten und Escape testen Sie danach manuell.
Fundstellen mit nächstem Schritt
Jeder Befund nennt Seite, Vorkommen und die konkrete Korrektur – kostenlos und ohne Installation.

03 / Auf Ihrer Website

Die Weiche prüft einen HTML-Ausschnitt. Der Website-Check bewertet das Menü auf Ihrer veröffentlichten Seite.