Matthias Apsel: <nav> innerhalb von <nav> oder doch lieber ul li ul li?

Beitrag lesen

Hallo Jochen,

Auf dem Bild unten stehe ich, dass es ein <nav> innerhalb von <nav> gibt, was ist nun richtig um so eine Klappnavigation zu erreichen?

Ein richtiges „richtig“ gibts da nicht ;-) Die Spezifikation verbietet die ineinander geschachtelten nav-Elemente nicht. Meiner Meinung nach hast du eine Navigation.

nav ul ul {
    display: none;
}

display: none; verbirgt die Inhalte komplett, auch vor Screenreadern. Hier sollte man eine alternative Verbergetechnologie verwenden, aber nicht -9999px.

nav ul li:hover ul {

Hier auch an die Tastaturbedienung denken und testen, wie es auf dem Smartphone geht. Aktuelle Betriebssystem simulieren hover bei einem Tap.

Bis demnächst
Matthias

--
Das Geheimnis des Könnens liegt im Wollen. (Giuseppe Mazzini)