Moin.
Ist der folgende HTML-Code ein vernünftiger Ansatz?
Bisher hatte ich für die Bereitstellung der Funktion "Navigationsmenü anzeigen/verbergen" das Element a verwendet.
Aber es handelt sich ja um eine Interaktion auf der aktiven Seite.
Mir erscheint daher button geeigneter.
Wie seht ihr das?
Ohne JS:
HTML-Code:
<nav id="navigationsmenue" aria-label="Navigationsmenü">
<ol>
<li><a href="https://xhtmlforum.de/...">...</a></li>
...
</ol>
</nav>
Mit JS, Anfangszustand:
HTML-Code:
<nav id="navigationsmenue" aria-label="Navigationsmenü">
<button aria-hidden="true">
<img src="navigationsmenue-zeigen.svg" alt="Navigationsmenü zeigen"/>
</button>
<ol>
<li><a href="https://xhtmlforum.de/...">...</a></li>
...
</ol>
</nav>
Mit JS, nach dem Klick auf "Navigationsmenü anzeigen":
HTML-Code:
<nav id="navigationsmenue" aria-label="Navigationsmenü">
<button aria-hidden="true">
<img src="navigationsmenue-verbergen.svg" alt="Navigationsmenü verbergen"/>
</button>
<ol>
<li><a href="https://xhtmlforum.de/...">...</a></li>
...
</ol>
</nav>
Ein passendes JS muss ich mir noch suchen.
Falls jemand eine Seite kennt, wo etwas Ähnliches realisiert ist, freue ich mich über einen Hinweis.