navigasjonsrammen

Navigasjonsrammen er et brukergrensesnitt som gir rask tilgang til hoveddelene av en nettside eller applikasjon. Den kan være utformet som en horisontal toppnavigasjon, et vertikalt sidefelt eller en kombinasjon som følger innholdet når man ruller.

Historisk ble navigasjonsrammen ofte implementert som en egen ramme i en frameset i HTML. Dette ga problemer med tilgjengelighet, bokmerking og søkbarhet. Med HTML5 er bruken av rammer forlatt, og navigasjonen bygges i stedet med semantiske elementer som nav, kombinert med CSS og JavaScript for layout og interaksjon.

Moderne navigasjonsrammer består typisk av en eller flere lenkegrupper for hovedområder, ofte inkludert søk og brukerinnloggede kontroller, samt muligheter for hopping mellom seksjoner. Eksempler er en toppbar som viser hovedkategorier eller et sidepanel som viser en trestruktur. På små skjermer tilpasses navigasjonen ofte som en skjult meny (hamburger-meny) eller et flytende panel.

Tilgjengelighet er viktig for navigasjonsrammen. Bruk semantiske elementer som nav, gi tydelige lenketekster, og sørg for god keyboard-navigering, synlig fokus og skip-lenker slik at innholdet er tilgjengelig for alle brukere. ARIA-roller bør brukes med omtanke og kun når det er nødvendig.

Designmessig kan navigasjonsrammen styrke informasjonsarkitekturen ved å være konsekvent og lett tilgjengelig, men den må ikke dominere siden eller gjøre innholdet vanskelig å lese på mindre skjermer. I moderne praksis er hovedmålet en tydelig, responsiv og tilgjengelig navigasjon.