Servus! > Hallo Gunnar, > > > Manuel Matuzović hat ein vorzügliches Tutorial geschrieben: [Building the main navigation for a website](https://web.dev/website-navigation/){:@en}. > > wirklich einfach, nur Links ohne irgendetwas drumrum [^1], dann noch ein bisschen CSS, und fertig ist es. Das kommt bei ihm später! Es entspricht: [HTML/Tutorials/Navigation/Grundstruktur](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation/Grundstruktur) Was bei uns fehlt ist `ul role="list"`damit VoiceOver in Safari die Anzahl der Listenelemente vorliest. Dann kommt der Hamburger-Button, der in [HTML/Tutorials/Navigation/Flyout-Menü](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation/Flyout-Men%C3%BC) erklärt wird. Was bei ihm fehlt, sind eben die mehrstufigen Drowdown-Menüs. Was mir auffällt: Unsere Namen Flyout-Menü und Dropdown-Menü bieten eine Verwechslungsgefahr zum menu-Element - evtl sollten wir durchgängig den Begriff Navigation verwenden. > > [^1]: Im Einsatz wird man die Links wohl in ein `nav` legen. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > Hallo Gunnar, > > > Manuel Matuzović hat ein vorzügliches Tutorial geschrieben: [Building the main navigation for a website](https://web.dev/website-navigation/){:@en}. > > wirklich einfach, nur Links ohne irgendetwas drumrum [^1], dann noch ein bisschen CSS, und fertig ist es. Das kommt bei ihm später! Es entspricht: [HTML/Tutorials/Navigation/Grundstruktur](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation/Grundstruktur) Was bei uns fehlt ist `ul role="list"`damit VoiceOver in Safari die Anzahl der Listenelemente vorliest. Dann kommt der Hamburger-Button, der in [HTML/Tutorials/Navigation/Flyout-Menü](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation/Flyout-Men%C3%BC) erklärt wird. Was bei ihm fehlt, sind eben die mehrstufigen Drowdown-Menüs. > > [^1]: Im Einsatz wird man die Links wohl in ein `nav` legen. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“