Snarveier og hurtigkommandoer (Navigasjon)

Snarveier lar brukere som navigerer med tastatur hoppe over faste blokker av informasjon, mens hurtigkommandoer kan brukes helt uavhengig av hvor man står på siden. Begge deler kan effektivisere navigeringen betydelig.

Løsninger som møter kravene i forskriften

På de fleste nettsteder er det mange objekter som ligger før det spesifikke innholdet for den aktuelle siden, for eksempel menyer eller reklame. For at brukere som navigerer med tastatur skal komme enklere frem til innholdet, kreves det en snarvei forbi det faste innholdet. Snarveien må flytte fokus både visuelt og strukturelt.

Snarveilenken kan gjerne være skjult i utgangspunktet, men skal bli synlig ved fokus. Det store flertallet av brukerne som navigerer med tastatur er seende, og synliggjøring av snarveier ved fokus er derfor helt vesentlig. Husk også at snarveien må være synlig og lesbar uavhengig av vindusstørrelse og forstørringsgrad.

Kodeeksempel for å gjøre snarveilenke synlig ved fokus:

CSS:
.snarvei {
position: absolute;
left: -2000px;
top: 0px;
}
.snarvei:focus {
left: 0px;
}

HTML:
<a href="#hovedinnhold" class="snarvei">Hopp til hovedinnholdet</a>
<!-- Meny og navigasjon som skal hoppes over legges her -->
<section id="hovedinnhold" tabindex="-1">
<h1>Hovedinnholdets tittel</h1>
<a href="https://www.difi.no">Linke</a>
</section>

Anbefalinger utover kravene i forskriften

Snarveier

Snarveien til innholdet er påkrevd, men det kan tenkes at det er flere som er aktuelle. Noen kan være fra toppen av siden, mens andre kan være spesifikk for enkelte sider. For eksempel kan det være gunstig med snarvei i presentasjon av søkeresultater slik at det er enkelt for brukeren å komme seg både til resultatene og til eventuelle filtrerings- og sorteringsfunksjoner.

Hurtigkommandoer

Mye brukte lenker og funksjoner, for eksempel til startsiden og søk, kan du gjerne utstyre med hurtigkommandoer. I så fall må du på et egnet sted informere om disse hurtigkommandoene og hvordan de brukes i ulike nettlesere. 

Hurtigkommandoer er særlig gunstig på nettsted som har en betydelig gruppe ekspertbrukere som er ofte inne på nettstedet.

Kodeeksempel på hvordan lage hurtigkommando. Tastene "Alt" pluss "1" tar deg til Startsiden:

<a href=“startsiden.html“ accesskey=“1“><img src=“logo.png“ alt=“Startsiden – Difi logo“></a>

Forslag til hurtigkommandoer:

S - Hoppe til hovedinnholdet (Skip)
1 - Startside
2 - Nyheter
3 - Nettstedskart
4 - Søkefunksjon
5 - FAQ / OSS (Ofte Stilte Spørsmål)
6 - Hjelp
7 - Kontakt
8 -
9 -
0 – Tilgjengelighetsinformasjon

Sist endret: 
28. mar 2017

Deldette

Fant du det du lette etter?

Stjerne(*) er obligatoriske felter som du må fylle ut for å sende skjemaet. 

MERK: Har du spørsmål du ønsker svar på send oss en e-post til uu@difi.no.

Fant du det du lette etter?
*