Hamburger-Menü in WordPress

Das Icon ist selten das Problem. Sein Verhalten schon.

Prüfen Sie am mobilen WordPress-Menü vier typische Bruchstellen: Name, Status, Fokus und Untermenü. Ein Theme kann gut aussehen und trotzdem Tastatur- oder Screenreader-Nutzung unterbrechen.

01 / Theme-Labor

Vier Schalter umlegen, das Menüverhalten live sehen.

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

Theme-Verhalten simulieren

WordPress-Menü unter Last

Navigation Block / Theme

Konfiguration geändert. Diagnose starten.

Live-Vorschauoffen

NORDLICHT

Studio für klare WebsitesInhalte, die ankommen.

aria-expanded="false"Fokus → SeiteSubmenü: Hover

WordPress beschreibt Icon-Overlay und Untermenü-Optionen im Navigation Block. WAI empfiehlt für Disclosure-Navigation synchrones aria-expanded.

02 / Der Unterschied

Vier Fälle sind der Anfang, nicht das ganze Theme.

Themes sehen fertig aus, scheitern im Detail
Ein Auslöser ohne sichtbaren Namen, ein aria-expanded ohne Sync, ein Untermenü nur per Hover: Genau diese Stellen unterbrechen Tastatur- und Screenreader-Nutzung, obwohl das Theme mobil überzeugt.
Der Check liest Ihre veröffentlichte Seite
Der Website-Check findet auf Ihrer WordPress-Seite automatisch erkennbare Barrieren: Schalter ohne Namen, fehlerhafte ARIA-Attribute und Kontrastprobleme in Navigation und Inhalt.
Fundstellen statt Theme-Vermutung
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos, ohne Installation und ohne Plugin.

03 / Auf Ihrer Website

Jetzt das eigene Menü prüfen.

Das Labor simuliert ein Theme. Der Website-Check prüft Ihre veröffentlichten Seiten auf die Barrieren, die sich automatisch finden lassen.

1URL
2Auswahl
3Prüfung
4Ergebnis

Themes sehen fertig aus, scheitern im Detail

Der Check liest Ihre veröffentlichte Seite

Fundstellen statt Theme-Vermutung