Kort forklart; Universell utforming av nettside

Universell utforming av nettsider. Hva er det? Hvorfor er det viktig? Dette får du svar på i denne artikkelen.

Portrett av Ragnsan Finn Valla

Ragnsan Finn Valla

Daglig leder & Partner

21. Desember 2021

Hvorfor er univsell utforming viktig?

I 2021 er det ikke bare en fin ting å ha en universelt utformet nettside, det er faktisk et krav. Flyselskapet SAS ble truet med store bøter til å endre sine nettsider på grunn av disse kravene.
Universell utforming er viktig fordi alle mennesker har en rett til å kunne benytte seg av alle digitale løsninger.
For deg som bedriftseier er det av flere grunner fordelaktig å følge reglene
For det første, så bør det å unngå bøter være en god nok grunn i seg selv. Men i tillegg til det, så kan du faktisk tjene mer penger på å ha en universelt utformet nettside.
Hvorfor det?
Jo, fordi hvis du ikke har det, så utelukker du potensielle kunder og tilhengere. Hvis en bruker ikke kan benytte seg av, eller har en dårlig opplevelse vil mest sannsynligvis ikke bli en kunde.

Hvordan gjør du nettsiden din universelt utformet?

Okei, så du er enig om at det er viktig å ha en nettside som er tilgjengelig for alle.
Men hvordan gjør du det?
Her kommer en liste med de aller viktigste punktene du må gjøre, for å sikre at du har en bra nok nettside.

Krav til universell utforming i 2021

Retningslinjene som det norske regelverket baserer seg på, heter for Web Content Accessibility Guidelines, eller WCAG.
Dette er en internasjonal standard med hva de innebærer å ha en universelt utformet nettside. Fra og med 1. januar 2021 ble det et krav om at alle nettsider i Norge, ny eller gammel, følger dette reglementet.

Gi bruker alternativ til innhold som ikke er tekst

Hvis du bruker bilder på nettsiden, så må du huske på å legge til alternativtekst.
Alternativtekst eller alt text, som det heter på engelsk, er teksten som vises i nettleseren hvis bildet ditt ikke laster inn på grunn av tregt internett eller at brukeren bruker skjermleser.
Brukere som ikke har muligheten til å se bildet, skal fortsatt få den samme informasjonen.
En skjermleser leser opp innholdet på nettsiden, som en lydbok. Dette brukes av svaksynte og blinde.

Ikke vis noe bare ut i fra farger

Når du skal presentere eller visualisere noe på nettsiden din, sørg for at du ikke bare gjør det ved bruk av ulike farger, uten for eksempel tekst.
Fargeblinde brukere sliter å skille mellom ulike farger, og trenger dermed hjelpemidler som forklarende tekst for å skjønne innhold som hovedsakelig bruker farger for å illustrere noe.
Bildet over brukes for å teste fargeblindhet. La oss bruke dette som eksempel.
Hvis dette bildet ikke hadde hatt en alternativtekst som forklarer innholdet, så vil det være umulig for en fargeblind eller svaksynt person å få med seg innholdet.

Tekst kan endres til 200% uten å miste funksjon

Brukere som er svaksynte eller for andre grunner trenger å forstørre innholdet på nettsiden, må kunne gjøre det uten at nettsiden din går fra å se sånn ut:
Skjermbilde av nettside før zoom
Til sånn her når du zoomer inn:
Skjermbilde av nettside etter zoom
Innholdet skalerer seg ikke når du zoomer inn. Hvis en svaksynt person besøker denne siden nettsiden, så vil de ikke ha en særlig god opplevelse.
Du kan enkelt teste om din nettside følger dette kravet ved å trykke “CTRL”-knappen(windows)/”Command”-knappen(mac) og “+”-knappen helt til den viser 200%.

Ikke bruk bilder av tekst

Generelt så rådes det til å ikke bruke mange bilder som har tekst på seg, da disse ikke kan leses av brukere som benytter seg av skjermlesere.
Bilder bør heller være hjelpemiddel til hovedinnholdet, ikke det motsatte, hvor hovedinnholdet ligger på et bilde.
En løsning, hvis du ønsker å bruke mye bilder med tekst, er å lage begge deler; både skrive forklarende innhold, og ha bilder som forteller det samme.
På denne måten får du vist det vakre bildet ditt og sikret at alle som bruker siden får med seg innholdet fullstendig!

Alt av funksjonalitet skal kunne gjøres med tastatur

Personer som benytter seg av skjermlesere navigerer gjennom nettsider ved bruk av tastatur.
De forflytter seg ved å trykke på knappen “TAB” (rett over CAPS LOCK helt til venstre på ditt tastatur).
Alle trykkbare elementer på nettsiden (lenker og knapper) skal komme opp når man TAB’er seg gjennom nettsiden din.
Forsøk å trykke deg gjennom din nettside ved å trykke TAB og se om alle knapper og lenger blir lyst opp.

Krav til universell utforming som kommer i 2022

De ovennevnte kravene er gjeldende i 2021. De følger WCAG-standarden 2.0. Fra og med 2022, blir WCAG 2.1-standarden også gjeldende i Norge. Du kan lese om de kommende kravene i 2022 her.
Det er en viderebygging på de eksisterende kravene, men hvor ting som tidligere har vært “bonuspoeng”, nå blir nødvendigheter.
Et eksempel på dette er at all kontrast mellom tekst og bakgrunn må tilfredsstille AA-standarden. Enkelt forklart, så er det hvor leselig og tydelig tekst er, basert på hvor stor den er og hvor mye kontrast det er mellom tekstfargen og bakgrunnsfargen.
Du tror kanskje at dette er noe som de aller fleste nettsider har på plass?
Der tar du nok dessverre feil. Vi har gjort noen tester, og her er resultatene:

Test av fem vanlige nettsider “Oslo Snekker”

Den første testen gjorde vi på nettsiden til fem vanlige bedrifter. Vi gjorde et søk på “Oslo  Snekker” og åpnet opp de fem øverste bedriftene.
Lighthouse gir deg en score mellom 0 og 100, hvor 100 er best. Poengsummen er en samlet vurdering av faktorer som bedømmer om nettsiden er universelt utformet eller ikke.
Å ha noen feil her og der er ikke noe problem, men man bør sikte seg på å ha over 95 av 100 poeng.
90-94 av 100 høres kanskje ganske bra ut, men det er det dessverre ikke i dette tilfellet.
For hvert poeng du avviker fra 100, så er det en feil som gjør nettsiden din mindre brukervennlig.
Da vi ikke er interessert å henge ut noen, velger vi å ikke inkludere navnene til noen av bedriftene vi nevner i denne artikkelen. Her er resultatene:
Med det tidligere nevnte kriteriet om at vi bør minst ha 95 poeng, består bare 2 av 5 testen.

Test av fem webutviklingsbyråer

Men okei, en snekker i Oslo skal ikke straffes alt for hardt av oss. Det viktigste er at byrået du velger for å bygge din nettside, har god kontroll på universell utforming.
Ikke sant?
Vi gjorde samme test på de fem første webutviklingsbyråene på søket “Webutvikling Oslo”. Her er resultatene:
Byråene gjør det faktisk dårligere enn snekkerne! Det er ikke bra. Følger vi samme metode som i forrige del, så står bare 1 av 5 byråer denne testen.
Hvordan kan du stole på et slikt byrå kan bygge deg en universelt utformet nettside, når de ikke greier å gjøre det med sin egen nettside?
Som du sikkert har gjettet, så har vi kompetanse innen universell utforming av nettsider. Les mer om våre webutviklingstjenester her.
Å ha en nettside som er tilgjengelig for alle blir bare mer og mer viktig for hvert år.

Trenger du en universelt utformet nettside?

En av våre kjernekompetanser er å bygge nettsider som ikke bare ser bra ut, men som er tilgjengelig og brukervennlig for alle. Er du på utkikk etter en nettside som tilfredsstiller de lovpålagte kravene om universell utforming? Ta kontakt med oss her!

Del artikkelen