enil.no 0Vis handlevognViser handlevogn
Vi prøver å besvare alle meldinger fortløpende. Hvis du allikevel ikke får svar umiddelbart, legg gjerne igjen e-postadressen eller telefonnummeret ditt i chatten, så vil vi komme tilbake til deg så snart som mulig.
Blogg > Universell utforming av nettbutikker

Universell utforming av nettbutikker

10. april 2020

Helt siden 2014 har Norge hatt et lovpålagt krav om at alle nye digitale løsninger skal være universelt utformet. Med det menes at løsningen må utformes slik at den kan benyttes av flest mulig - inkludert folk med forskjellige funksjonsnedsettelser. Man trenger dessverre ikke å sjekke lenge for å konstantere at dette er et lovkrav som mange kjente norske nettbutikker ikke forholder seg til.

Hva er universell utforming?

Universell utforming innebærer at nettsiden skal være mulig å oppfatte, betjene og forstå for flest mulig - og at den er robust og fungerer på alle enheter.

Her er noen av tingene som må være på plass:

  • Semantisk riktig HTML-kode med korrekte overskriftsnivåer.
  • Beskrivelse av bilder. Bruker du skjermleser, skal du kunne få lest opp hva som er på bildet.
  • Gode og beskrivende lenketekster.
  • Tilstrekkelig kontrast mellom tekst og bakgrunnsfarge.
  • Korrekt koding av skjemaer.
  • Mulighet for å benytte nettsiden utelukkende ved bruk av tastaturet. Det skal være tydelig markert hvilket element som har fokus.

Nyttige testverktøy

Det finnes en del enkle verktøy som man kan benytte for å sørge for at man overholder kravene til universell utforming.

Lighthouse-testen, som vi har skrevet om før i blogginnlegget "Norges raskeste nettbutikk?", sier en del om universell utforming.

I tillegg bør du også sørge for at HTML-koden er korrekt med W3Cs testverktøy.

Til slutt bør du absolutt teste nettsidene med WAVE Web Accessibility Evaluation Tool, som er det viktigste verktøyet for universell utforming.

Vi har testet mange kjente norske nettbutikker med disse verktøyene, og de avslører ofte ganske store mangler.

Teste tastaturnavigasjon

En annen viktig test du bør gjøre, er rett og slett å sjekke om det er mulig å bruke nettsiden bare med tastaturet. For å teste hvordan løsningen fungerer med tastatur, kan du bruke tab-tasten gjentatte ganger, og så vurdere:

  • Kan du bruke menyen kun ved hjelp av tastaturet?
  • Kan du se tydelig fokusmarkering som viser hvor markøren er?
  • Er tab‐rekkefølgen logisk?

Hvordan står det til hos oss?

Vi påstår ikke at vi er perfekte, men enil.no scorer jevnt over bedre enn de aller fleste i testverktøyene over.

Det er også enkelt å bruke denne nettsiden bare ved hjelp av tastaturet. I tillegg til vanlig tastaturnavigasjon med tab, piltastene og enter, har vi også ekstra tastatursnarveier som gjør det enda raskere å navigere.

Vil du vite mer?

Hvis du vil vite mer om temaet, har Digitaliseringsdirektoratet (tidligere Difi) et nettkurs om universell utforming som det absolutt er verdt å ta en kikk på.