Direktoratet for forvaltning og IKT (Difi)

Veiledning for skalering av skriftstørrelse

I Difi sitt kriteriesett for offentlige nettsider (kriterium 1.3) kreves det at nettstedet skal tilby veiledning for hvordan brukeren selv kan zoome eller endre skriftstørrelsen i nettleseren. Denne artikkelen viser hvordan du tilfredsstiller dette kravet, både med veiledningstekst og forslag til hvordan denne teksten kan vises på nettstedet.

Det finnes flere måter å informere om mulighetene for skalering av tekststørrelse/zoom på nettstedet. I dette forslaget, som du kan laste ned/kopiere fritt, bruker vi en flytende tekstboks (via CSS) som kommer til syne når man fører musen over et ikon eller en tekstlenke på nettstedet (se eksempelet i praksis her). Fordelen med en slik løsning er at den ikke forutsetter videre navigering på nettstedet og gir brukeren raskt informasjon om muligheten for skalering av tekst/zoom. Tekstboksen forsvinner i det man tar musen vekk fra ikonet.

Forslag til veiledningstekst

I dette forslaget bruker vi følgende tekst. Teksten retter seg mot zoom-funksjonen og dekker de mest brukte nettleserne på både PC og Mac.

For å endre størrelse på tekst:
PC: Hold Ctrl-tasten nede og trykk på “+” for å forstørre eller “-” for å forminske.
Mac: Hold Cmd-tasten (Command) nede og trykk på “+” for å forstørre eller “-” for å forminske.

Lenger nede i artikkelen finner du en mer detaljert beskrivelse dersom du ønsker dette.

Nyttige tips

  • Veiledningen må dekke de mest brukte nettleserne
  • Teksten må være satt i ekstra stor skriftstørrelse
  • Ikonet/funksjonen bør alltid være synlig når man er øverst på siden
  • Veiledningen må forklare hva det er snakk om
  • Tekstboksen må skille seg ut fra annet innhold, både i størrelse, form og plassering
  • Bruk ikoner/tekstlenker som er beskrivende i henhold til størrelse

Kildekode til nedlastning

Denne artikkelen er ment som et forslag til hvordan dette kan løses. Vedlagte kode og tekst kan fritt brukes av andre (høyreklikk og Lagre lenke som).

Veiledning på egen side

Et alternativ eller tillegg til flytende tekstboks er å ha veiledningen på en egen side. En fordel med å ha dette på en egen side, er at man kan tilby utvidet informasjon på området, for eksempel detaljert forklaring for hver enkelt nettleser. Dette kan gjerne kombineres med informasjon om andre tilgjengelighetsfunksjoner, som for eksempel tastatursnarveier, kontrastmanipulasjon eller lignende.

Følgende tekst beskriver i detalj hvordan man bruker zoom-funksjonen i ulike nettlesere:

  • Internet Explorer – Velg fanen Vis -> Zoom -> Zoom inn/ut -> Velg prosent
  • Mozilla Firefox – Velg fanen Vis -> Zoom -> Zoom inn/ut
  • Opera – Velg fanen Side -> Zoom -> Velg prosent
  • Safari – Velg fanen Vis -> Zoom inn/ut
  • Google Chrome – Velg fanen Vis -> Zoom inn/ut

Legg inn en kommentar

Alle felter merket med stjerne (*) må fylles ut for å kommentere.