Servus! Ich habe mal den Artikel [CSS/Tutorials/Dropdown-Menüs_mit_CSS_gestalten](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Dropdown-Men%C3%BCs_mit_CSS_gestalten) aufgeräumt. Die Beispiele bauen aufeinander auf, sind jetzt von Anfang an responsiv (Flexbox) und tabbar, bis auf [Beispiel 7](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Dropdown-Men%C3%BCs_mit_CSS_gestalten#Submen.C3.BC_ausblenden): Das Beispiel funktioniert nicht wie gewünscht. * Man kann zwar die Submenüs über das tabindex des li-Elements sichtbar machen, die Listeneinträge jedoch nicht mit der Tastatur durchtabben. * Wenn man über den Geschwisterselektor `a:hover ~ .submenu` selektiert, wird das Submenu ein- , sobald der erste Listenpunkt angewählt wird, dann aber doch wieder ausgeblendet. Habt ihr eine rein CSS-basierte Lösung, wie man so etwas erreichen kann? Zusätzlich sollten wir auch ein Tutorial anbieten, das ein zugängliches Dropdown-Menü mit Tastatursteuerung, z.B. auch mit Pfeiltasten, in Vanilla-JS erklärt. Wer könnte soi etwas erstellen? * [JavaScript/Tutorials/zugängliche_Dropdown-Navigation](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zug%C3%A4ngliche_Dropdown-Navigation) Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}

Servus! Ich habe mal den Artikel [CSS/Tutorials/Dropdown-Men%C3%BCs_mit_CSS_gestalten](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Dropdown-Men%C3%BCs_mit_CSS_gestalten) aufgeräumt. Die Beispiele bauen aufeinander auf, sind von Anfang an responsiv und tabbar, bis auf [Beispiel 7](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Dropdown-Men%C3%BCs_mit_CSS_gestalten#Submen.C3.BC_ausblenden): Das Beispiel funktioniert nicht wie gewünscht. * Man kann zwar die Submenüs über das tabindex des li-Elements sichtbar machen, die Listeneinträge jedoch nicht mit der Tastatur durchtabben. * Wenn man über den Geschwisterselektor `a:hover ~ .submenu` selektiert, wird das Submenu ein- , sobald der erste Listenpunkt angewählt wird, aber doch wieder ausgeblendet. Habt ihr eine rein CSS-basierte Lösung, wie man so etwas erreichen kann? Zusätzlich sollten wir auch ein Tutorial anbieten, dass ein zugängliches Dropdown-Menü mit tasdtatursteuerung, z.B. auch mit Pfeiltasten in Vanilla-JS erklärt. Wer könnte soi etwas erstellen? Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}