Subnavigatie

Subnavigatie is een secundaire navigatiestructuur die toegang biedt tot subonderdelen binnen een sectie van een website of applicatie. Het werkt naast de hoofdnavigation en helpt gebruikers om sneller specifieke pagina’s binnen een onderwerp te vinden zonder de context te verlaten. Subnavigatie wordt vaak toegepast in zijbalken of onderkoppelingen in de hoofdmenustructuur.

Plaatsing en presentatie: op desktops verschijnt subnavigatie vaak als een verticale zijbalk of als een reeks sublinks onder de hoofdlink. Op mobiele apparaten wordt het meestal collapsible of verborgen achter een menuknop, om ruimte te besparen en de focus op vitale content te houden. Sommige sites gebruiken tabs of fly-out menu's als subnavigatievariant.

Structuur en labeling: items in subnavigatie verwijzen naar subsections binnen de actieve sectie, zoals productcategorieën of documentatieonderdelen. De huidige pagina wordt doorgaans gemarkeerd. Subnavigatie kan statisch zijn of dynamisch worden gegenereerd op basis van de contenthiërarchie of gebruikerspad. Het kan ook gekoppeld zijn aan breadcrumbs.

Toegankelijkheid en gebruiksvriendelijkheid: bouw subnavigatie met semantische HTML (nav, ul, li), maak toetsenbordnavigatie mogelijk en gebruik ARIA-rollen en aria-current voor de actieve item. Voor uitklapbare groepen moeten aria-expanded en duidelijke focusvolgorde gebruikt worden. Houd het aantal niveaus beperkt en vermijd onduidelijke labeling.

Voordelen en overwegingen: subnavigatie geeft structuur en sneltoegang tot gerelateerde pagina’s, maar kan verwarring veroorzaken als de hiërarchie onduidelijk is of als items niet consequent worden bijgewerkt. Bij goed gebruik verbetert subnavigatie de vindbaarheid en de gebruikerservaring in grotere websites of documentatiestructuren.