Universell utforming av nettsider: hva bør du tenke på?

Universell utforming handler om at nettsider skal kunne brukes av så mange som mulig, også personer som bruker tastatur, skjermleser eller andre hjelpemidler.

For norske virksomheter handler dette både om god brukervennlighet og om konkrete krav til hvordan nettsider skal bygges og brukes.

Hvilke krav gjelder i Norge?

Norske nettsider skal være universelt utformet. Kravene gjelder både private og offentlige virksomheter, lag og organisasjoner som omfattes av regelverket.

For private virksomheter gjelder i dag 35 minstekrav fra WCAG-standarden for nettsteder. Kravene handler blant annet om struktur, kontrast, tastaturnavigasjon, alternativ tekst, skjemaer og hvordan innhold presenteres.

Det betyr ikke at alle virksomheter må gjøre nettsiden identisk. Poenget er at viktige funksjoner og innhold skal være mulig å oppfatte og bruke også for personer med ulike funksjonsnedsettelser.

Offentlig sektor har flere krav enn privat sektor, blant annet krav om tilgjengelighetserklæring. Private virksomheter skal som hovedregel ikke publisere en slik erklæring.

For små bedrifter er det viktigste å bygge universell utforming inn i nettsiden fra start, i stedet for å behandle det som noe som skal fikses i etterkant.

Struktur

Overskrifter bør brukes i riktig rekkefølge og beskrive innholdet som følger. En tydelig struktur gjør det enklere både for personer som skanner siden visuelt og for brukere som navigerer med skjermleser.

Kontrast

Tekst, knapper og viktige grafiske elementer må ha tilstrekkelig kontrast mot bakgrunnen. God kontrast gjør innholdet lettere å lese, ikke bare for personer med nedsatt syn, men også på mobil og i krevende lysforhold.

Tastatur

Alle viktige funksjoner bør kunne brukes uten mus. Det betyr blant annet at lenker, menyer, knapper og skjemaer skal være tilgjengelige med tastatur, og at fokusmarkeringen er tydelig synlig.

Bilder

Informative bilder bør ha en alternativ tekst som forklarer det viktigste innholdet. Dekorative bilder bør derimot håndteres slik at de ikke skaper unødvendig støy for skjermlesere.

Lenker

Lenketeksten bør gi mening i kontekst og helst forklare hvor lenken fører. En konkret lenketekst er som regel bedre enn generelle formuleringer som «Les mer».

Skjemaer

Felter skal ha tydelige etiketter, feilmeldinger må være forståelige, og brukeren bør få hjelp til å rette opp feil.

Fokusmarkering

Det skal være tydelig hvilket element som har tastaturfokus. Fokus bør ikke fjernes av designhensyn.

Mobil og zoom

Innholdet bør fungere på små skjermer og ved forstørring uten at viktige funksjoner eller tekst forsvinner.

Universell utforming gjør som regel også nettsiden bedre for alle andre brukere.

Nyttig å lese

Hvorfor er det så viktig at en nettside er mobiltilpasset?

Hvorfor bruke video på sosiale medier for å øke merkevarebygging og engasjement?

Hva er HTML5-annonser, og hvorfor benytte det?

Henning fra Hebbs med armene i kors, iført mørk overskjorte over hvit skjorte, stående foran et moderne kontorbygg med myk, uskarp bakgrunn.

Trenger du hjelp med nettside eller digital synlighet?

Fortell kort hva du trenger hjelp med, så tar jeg kontakt for en uforpliktende prat. Du trenger ikke ha alt klart på forhånd.