Hvorfor er suksesskriteriet viktig?

Har du brukt "Hopp over intro"-knappen på Netflix? «Hoppe over blokker» er den samme greia. Suksesskriteriet hjelper de som navigerer gjennom nettsider på en sekvensiell måte, 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 for folk å 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 innebygget funksjonalitet for å hoppe til hovedinnholdet og navigere til overskrifter. Vår erfaring er at det knapt er noen som 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?

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

Ofte-stilte spørsmål

Les også