Gunnar Bittersmann: Toggle-Navigation mit CSS :target Experiment

Beitrag lesen

problematische Seite

@@einsiedler

ich unternehme gerad ein Toggle-Navigation mit CSS :target Experiment […] Was ist nun falsch?

Der Ansatz.

Jeder Click auf Öffnen-/Schließen-Link hinterlässt einen Eintrag in der Browser-History. Der Back-Button verkommt dadurch zur Witzfigur. Miese UX. Nicht machen!

Außerdem bekommen Nutzer das Öffnen-/Schließen-Dingens als Link präsentiert; es sollte aber ein Button sein! Button heißt <button>.

:target ist zum Ein-/Ausklappen der Navigation ungeeignet.

Eine geeignete Technik hatte ich dir letztens erst gezeigt.


das eigentlich auch ganz gut funktioniert: Toggle-Navigation mit CSS :target V1

Im Firefox ist bei Tastaturnavigation nicht zu erkennen, wenn der Öffnen-/Schließen-Link den Fokus hat. Eigentlich nicht ganz gut.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann