Uansett valg deler vi aldri dine data med andre. Mer om informasjonskapsler på aksel.nav.no

  • Godta alle: Hjelper oss gjøre tjenestene bedre for deg basert på anonymisert bruk.
  • Bare nødvendige: Sikrer at tjenesten fungerer og er trygg. Kan ikke velges bort.
Hopp til innhold
Aksel

Søk

Ctrl+K for å søkeEsc for å lukke

Aksel

Designsystemet
God praksisBloggen

Retningslinje

2.4.1 Hoppe over blokker (skip-links)

Brukeren må kunne navigere raskt til hovedinnholdet. Flere teknikker kan benyttes for å oppfylle kravet.

Suksess

2.4.1 Hoppe over blokker (Nivå A)

Det finnes en mekanisme for å omgå blokker med innhold som gjentas på flere nettsider.

Hvorfor er suksesskriteriet viktig?

Har du brukt "Hopp over intro"-knappen på Netflix? «Hoppe over blokker» er den samme greia. Dette suksesskriteriet hjelper dem som må navigere gjennom nettsider i en sekvensiell rekkefølge, særlig de som bruker tastaturnavigasjon og skjermleser. Det er tidkrevende å måtte navigere gjennom innhold som gjentas på flere sider for å komme til hovedinnholdet. Ved å oppfylle dette suksesskriteriet, gjør vi det raskere å komme til det viktigste på siden.

Anbefalinger

Statistikk viser at skip-links på nav.no er lite brukt. I oktober 2022 var det ca. 1 av 20.000 (0.005%) som brukte disse lenkene. Skjermlesere har innebygde funksjoner for å hoppe til hovedinnholdet og navigere til overskrifter. Vår erfaring er at svært få navigerer kun med tab-tasten. For å ivareta behovene til flest mulig, anbefaler vi en kombinasjon av teknikker.

  • Tilby én skip-link til sidens hovedinnhold, og implementer den som en ankerlenke. Dette gjør det mulig for de som bruker tastatur å hoppe til hovedinnholdet.
  • Bruk semantisk sideinndeling med landemerker og overskrifter. Dette gjør det mulig for de som bruker skjermleser å få opp en liste over overskrifter eller sidedelene og hoppe direkte dit de ønsker.

Vanlige misforståelser

Det er en vanlig misforståelse at «Hoppe over blokker» betyr at nettsider må ha en skip-link, det vil si en lenke som kommer tidlig i tabrekkefølgen og flytter fokus til hovedinnholdet. W3C foreslår flere alternative teknikker som oppfyller kravet, for eksempel semantisk sideinndeling (header, footer, main, nav osv.) og overskrifter (h-tag'er).

Hvordan teste kravet?

Tips

WCAG har flere krav knyttet til tastaturnavigasjon som med fordel kan testes samlet. Se testprotokollen for tastaturnavigasjon for flere detaljer.

Kjernespørsmålet

Kommer du raskt til hovedinnholdet når du navigerer med skjermleser eller tastatur?

Innhold du må teste

Gjentakende innhold øverst på siden.

Eksempler fra NAVs sider

  • Headeren fra dekoratøren på nav.no
  • Stegindikatoren på et langt skjema

Testmetode

Sørg for at minst én av følgende løsninger finnes på siden.

  • Skip-link. Naviger ved å trykke på tab-tasten. Kommer du til sidens hovedinnhold innen de fem første tab-stoppene? Hvis ikke, finnes det en lenke innen de tre første tab-stoppene som lar deg hoppe direkte til hovedinnholdet? Når du aktiverer lenken, blir fokus flyttet til hovedinnholdet?
  • Semantisk headingstruktur. Bruk HeadingsMap-addon’en (Chrome, Firefox, Edge), en skjermleser eller kikk i kildekoden. Blir hovedinnholdet innledet med en H1?
  • Main-landemerke. Bruk et verktøy som viser sidens landemerker, for eksempel en skjermleser, Landmark Navigation via Keyboard or Pop-up for Chrome eller Paul Adams sin Landmarks-bookmarklet. Verifiser at hovedinnholdet befinner seg i et main-landemerke. Du kan også kikke i kildekoden for å verifisere at hovedinnholdet er wrappet i et <main> element eller et element med attributtet role="main".
Skjermbilde som viser bruk av Landmarks-addon
Landmarks-addon for Chrome viser main-landemerket

Ofte-stilte spørsmål

Les også

Medvirkende

Sarah Brodwall,
Morten Tollefsen

Innspill til artikkelen

Logg inn med Nav SSO for å gi innspill til artikkelen

Logg inn med Nav SSO