Nettsida di er kanskje en bølle, uten at du vet det

Mange nettsider ser bra ut. De beveger seg, glitrer, danser og imponerer. Men samtidig kan de være svært utfordrende å bruke for mange. Universell utforming handler ikke om å strupe kreativiteten. Det handler om å lage digitale løsninger som funker for flere. Og fra 2023 er det ikke bare lurt, det er lovpålagt.

Hva skjer når nettsida stenger noen ute?

Å lage en app eller nettside uten tanke på universell utforming (UU), er som å bygge en offentlig bygning uten rampe. Du stenger folk ute. Et brukergrensesnitt som ikke kan brukes med tastatur er som en dør uten håndtak. Det ser greit ut, men folk kommer seg ikke inn.

UU handler om å sørge for at alle skal kunne bruke de digitale løsningene dine. Det gjelder ikke bare dem med nedsatt funksjonsevne. Brukerne dine kan ha dårlig syn, lesevansker, demens eller språkutfordringer. Kanskje er de bare stressa, slitne eller sitter med en mobil i sola. Poenget er: Hvis du designer for mange, blir opplevelsen bedre for alle.

God UU er god design

I dag er universell utforming en del av designkulturen hos oss. Vi vet at UU ikke er noe vi kan starte med etter lansering, det er noe vi må starte med fra dag én. Allerede i prototypen designer vi nettsider med logisk struktur, tydelig hierarki og høy kontrast, både i størrelse og farger. Denne jobben gir bedre digitale løsninger og vi blir attpåtil sittende igjen med nettsider som er raske og effektive. Og det elsker søkemotorene!

Hvordan gjør du nettsida mer tilgjengelig?

Sjekk kontrastene

Bruk kontrastsjekk-verktøy. Minimum for tekst er 4.5:1. Lav kontrast gjør innholdet tungt å lese – også for de med godt syn.

Gi tydelige feilmeldinger

Skjemaer må forklare hva som gikk galt, og hva brukeren skal gjøre. «Noe gikk feil» er ikke godt nok.

Skriv enkelt og klart

Unngå tungt språk og lange setninger. Bruk ord folk forstår. Klart språk hjelper alle, ikke bare de med lesevansker.

Lag logisk navigasjon

Menyer og lenker må være intuitive. Strukturer innholdet hierarkisk og konsekvent.

Gjør alt tilgjengelig med tastatur

Alt innhold må kunne brukes med tastatur, inkludert menyer, skjema og knapper.

Bruk riktige HTML-elementer

Semantisk HTML (f.eks. <button> og <nav>) gjør at skjermlesere forstår innholdet ditt bedre.

Legg til alt-tekst på bilder

Alle bilder som gir informasjon, må ha en beskrivende alternativtekst. Slik når innholdet også de som bruker skjermleser.

Bruk overskrifter riktig

H1, H2, H3 osv. skal brukes logisk og i riktig rekkefølge. Det gjør innholdet lettere å skanne både for mennesker og tekniske hjelpemidler.

Unngå “scroll hijacking”

La brukeren bestemme hvordan de beveger seg på siden. Ikke overstyr scroll med animasjoner.

Test med skjermleser og tastatur

Ikke anta at noe fungerer, men test det. Bruk VoiceOver og andre skjermlesere som du kan teste siden med. Og prøv å bruke hele nettsida med bare tastatur.

Ikke legg viktig info kun i farger

Fargebruk må alltid kombineres med tekst eller ikoner. Mange ser ikke farger likt.

Gi brukeren kontroll

Automatisk avspilling av lyd, video eller bevegelige elementer bør kunne stoppes eller slås av.

Tenk mobil først

Responsiv design er en del av UU. Sørg for at layout og navigasjon også fungerer sømløst på små skjermer.

Ikke la nettsida di være en bølle

Når du lager digitale løsninger for mange, vinner alle. Du følger loven, når ut til flere og gjør nettsida både enklere og bedre. Så sørg for at både appen, nettsida og brukergrensesnittet ditt er til å stole på, ikke bare se på.

Universell utforming er tett knyttet opp mot designmetodene UI og UX. Men, hva er UI og UX, og hvorfor er det så viktig for nettsiden din?

FN sin definisjon av universell utforming:

“Med universell utforming menes: utforming av produkter, omgivelser, programmer og tjenester på en slik måte at de kan brukes av alle mennesker, i så stor utstrekning som mulig, uten behov for tilpassing og en spesiell utforming. Universell utforming skal ikke utelukke hjelpemidler for bestemte grupper av mennesker med nedsatt funksjonsevne når det er behov for det”.

Nyttige ressurser:

• UU-tilsynet (uutilsynet.no) – Tilsynsmyndighet med veiledere og testverktøy
• Designsystemet fra Digdir (designsystemet.no) – Nasjonalt designsystem med UU-standarder
• WCAG 2.1 på norsk – Oversatte retningslinjer for universell utforming