Ein Menü ist eine gruppierte Liste von Links, über die sich die Bereiche einer Website ansteuern lassen. Eine Website hat meist mehrere davon: das Hauptmenü im Header, ein kleineres im Footer und häufig eines für Service-Wege. Die Form reicht von der waagerechten Leiste bis zur Fläche, die erst auf Klick erscheint.
- Menü
Technisch: gruppierte Liste von Links, über die sich die Bereiche einer Website ansteuern lassen.
Beispiel: „Das Menü im Header führt zu den fünf Hauptbereichen.“Umgangssprachlich: die Hauptnavigation, also das Menü im Header.
Beispiel: „Das steht doch im Menü, oben rechts.“Auch: Navigationsmenü oder Menüleiste. Menüleiste meint dabei genauer die waagerechte Form, wie sie im Header üblich ist; im Alltag werden beide Wörter gleichbedeutend benutzt.
Abgrenzung nach oben und unten: Die Navigation umfasst alle Wege durch eine Website, also auch Breadcrumb, Suche und Verweise im Fließtext. Die Hauptnavigation ist umgekehrt ein bestimmtes Menü, nämlich das im Header. Jede Hauptnavigation ist ein Menü, umgekehrt gilt das nicht.
Welche Menüs eine Website hat
Das Hauptmenü im Header führt zum Angebot und ist das einzige, das jeder Besucher wahrnimmt. Daneben stehen das Menü im Footer, das Nebenwege und Pflichtangaben sammelt, und bei größeren Websites eine kleine Leiste über dem Header für Login oder Sprachwahl.
Dazu kommen Menüs, die nur in einem Bereich gelten, etwa die Gliederung einer langen Dokumentation in der Seitenspalte. Solche Bereichsmenüs ergänzen das Hauptmenü, statt es zu ersetzen, damit der Weg nach draußen erhalten bleibt.
Die Form folgt dem verfügbaren Platz
Auf breiten Bildschirmen liegt das Menü offen als waagerechte Leiste. Reicht der Platz für die Unterpunkte nicht, klappen sie als Dropdown auf, bei vielen Punkten als mehrspaltiges Mega Menü. Auf dem Telefon wandert alles hinter den Burger-Knopf.
Diese Formen schließen sich gegenseitig nicht aus. Dieselbe Website zeigt dasselbe Menü auf dem Desktop offen und auf dem Telefon ausklappbar; gepflegt wird es nur einmal.
Mehrere Menüs müssen sich unterscheiden
Liegen drei Menüs auf einer Seite, braucht jedes ein eigenes Gewicht. Das Hauptmenü bekommt die größte Schrift und den stärksten Kontrast, die Service-Leiste darüber die kleinste. Sind alle gleich gestaltet, muss der Besucher jedes Mal lesen, statt zu erkennen.
Technisch gehört dazu, dass jedes Menü ein eigenes nav-Element mit eigenem aria-label bekommt. Ein Screenreader kann sie dann beim Namen nennen, statt dreimal „Navigation“ anzusagen.