Navigation Primary (inside hamburger overlay)
nav
with nested ul.navigation-tree
s. Current page has class .active
and aria-page="current"
. JS will add extra markup and behavior, including adding submenu toggle buttons with aria-labels and aria-expanded attributes.
<nav id="navigation-primary" class="js-navigation-primary" aria-label="Hauptnavigation" data-auralopentext="Untermenü öffnen" data-auralclosetext="Untermenü schließen">
<div class="tree-wrapper js-navigation-tree-wrapper">
<ul class="navigation-tree">
<li>
<a href="#" >Link 1</a>
</li>
<li>
<a href="#" >Link 2</a>
<ul class="navigation-tree">
<li>
<a aria-current="page" class="active" href="#" >Sublink 2a</a>
</li>
<li>
<a href="#" >Sublink 2b</a>
</li>
</ul>
</li>
<li>
<a href="#" >Link 3</a>
</li>
</ul>
</div>
</nav>