Mange nettsider har repeterende objekter som ligger før selve innholdet på nettsiden, for eksempel reklame eller menyer. Det skal være mulig for en som navigerer med ett tastatur å navigere forbi dette innholdet for å komme til sidens faste innhold. Dette kan gjøres via snarveier.

Snarveier

En snarveilenke gjør at brukeren kommer fortere til det reelle innholdet på siden. Snarveilenken kan gjerne være skjult, for så å bli synlig ved fokus. De fleste som navigerer med tastatur er seende, derfor er synliggjøring av snarveier helt vesentlig. Snarveien må være synlig og lesbar uavhengig av vindusstørrelse og forstørringsgrad.

Dette må du ikke gjøre:

Kodeeskepel
CSS for å skjule innhold med visibility:hidden

visibility:hidden;

Kodeeksempel
CSS for å skjule innhold med display:none

display:none;

Begge disse CSS-stilene vil skjule tekst for alle brukere. Skjermlesere vil heller ikke registrere denne teksten og lese den opp.

Anbefalte teknikker:

Kodeeksempel:
CSS-kode for å skjule innhold utenfor skjermområdet:

a#til-innhold {
  position: absolute;
  overflow: hidden;
  top:-25px;
  }

Ved å legge på egen kode for :focus så kan kan vi gjøre knappen synlig når den får fokus ved hjelp av tabulator-tasten på tataturet.

Kodeeksempel:
CSS-kode for å synliggjøre knapp når den får fokus:

a#til-innhold:focus {
  top:0;
  }