Gunnar Bittersmann: Navigation von Codepen ist meine Meinung nach Fehlehaft

Beitrag lesen

problematische Seite

@@Mick62

ist das Menue, beim vergrößern bis auf das Logo leer.

Kann ich nicht nachvollziehen. Was genau meinst du?

Ist hier jemand der den Fehler im CSS bzw. Java-Script erkennt und mir verrät?

https://codepen.io/KevinohKelvin/pen/MMQGOj

Ja, das Ding ist fehlerhaft – aber aus einem anderen Grund als du denkst. Das Ding ist unbedienbar: Per Tastatur kann man das Hamburger-Menü nicht öffnen.

Das wurde ein grundlegender Fehler begangen: ein nicht-interaktives Element (div) als Target für ein click-Event verwendet. divs kann man mit der Tastatur aber nicht anclicken; das muss ein button sein!

Am besten einer, der den Zustand des von ihm kontrollierten Dingens per aria-expanded anzeigt: Hamburger menu.

In Verbindung mit initial vollständig sichtbarem Menü auf größeren Viewports: responsive menu.

Wenn du den „Backlinks“ folgst, kommst du zu den Erklärungen hier im Forum.

Kwakoni Yiquan

--
Ad astra per aspera