Servus!

Ich habe mal den Artikel CSS/Tutorials/Dropdown-Menüs_mit_CSS_gestalten aufgeräumt. Die Beispiele bauen aufeinander auf, sind jetzt von Anfang an responsiv (Flexbox) und tabbar, bis auf Beispiel 7:

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

Herzliche Grüße

Matthias Scharwies