SLIDE-Menü verlässt kurzzeitig sein Gridelement
bearbeitet von
@@Gunnar Bittersmann
> Wo wir bei Markup sind: […]
>
> Das sieht mir nach missbräuchlicher Verwndeung 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
```html,bad
<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](https://www.a11yproject.com/posts/how-to-hide-content/) 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](https://developer.mozilla.org/de/docs/Web/API/Popover_API).
Jolan tru
{:@art-x-romulan}
--
Wenn der Faschismus wiederkehrt, wird er nicht sagen „Hallo, ich bin der Faschismus.“ Er wird sagen: „Ich suche in diesem Deutschen Bundestag keine anderen Mehrheiten als die in der demokratischen Mitte. Wenn es heute eine solche Mehrheit gegeben hat, bedauere ich das.“ (Friedrich Merz)