Flexbox

[Gunnar Bittersmann]

@@Martina Müller

Für das Menü gibt es ja relativ wenig Platz,

Auf Webseiten gibt es immer genug Platz. Nutzer sind an das Konzept des Scrollens gewöhnt.

Die Frage ist, in welcher Reihenfolge man Menü und Hauptinhalt präsentiert.

a) Ist so ein Menü-Symbol mittlerweile gängig?

Was MrMurphy1 sagte. U.a. schreibt auch Luke Wroblewski immer wieder darüber, dass Nutzer mit dem Hamburger-Icon nichts anfangen können und wie sich die Conversion einer Seite verbessert, wenn man das Icon durch das Wort „Menü“ ersetzt (oder Icon + Wort).

c) Gibt es eine gute, reine CSS-Lösung für Dropdown-Menüs?

Menü hinter dem Hauptinhalt, aber vor diesem ein seiteninterner Link zum Menü. Das dürfte auch für Screenreader sinnvoll sein.

Bei größeren Viewports kann man das Menü nach oben holen (Flexbox: order) und den dann überflüssigen Link zum Menü verschwinden lassen.

So sieht’s aus. (Der Einfachheit halber habe ich Sass verwendet. Zum generierten CSS geht’s mit [View Compiled].)

LLAP 🖖