SLIDE-Menü verlässt kurzzeitig sein Gridelement

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Wo wir bei Markup sind: […]

Das sieht mir nach missbräuchlicher Verwendung des details-Elements aus, wenn schon alles in der summary steht.

Und warum zwei nav-Elemente? Das sollte wohl alles in einem stehen.

Und wenn du jetzt an sowas wie

<details>
  <summmary>☰</summary>
  <nav>…</nav>
</details>

denkst, ähm – ich denke, nein. nav sollte nicht in details stehen.

Das Hamburger-Icon sollte ein button sein – mit zugänglicher Beschriftung (die visuell versteckt werden kann):

<button>
  <span aria-hidden="true">☰</span>
  <span class="visually-hidden>Menü</span>
</button>

Öffnen/Schließen des Menüs mit JavaScript oder Popover_API.

Jolan tru