Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 05.05.2019, 08:50
Benutzerbild von AndreasB
AndreasB AndreasB ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.326
AndreasB wird schon bald berühmt werden
Standard Beste Praxis für "Navigationsmenü anzeigen/verbergen" (Burger)

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.
__________________

Mit Zitat antworten
Sponsored Links