Nettsiden din er kanskje en bølle — uten at du vet det
Mange nettsider ser bra ut. De beveger seg, glitrer og imponerer. Men de kan samtidig være umulige å bruke for en stor del av befolkningen. Universell utforming handler ikke om å kvele kreativiteten — det handler om å lage digitale løsninger som fungerer for alle.
Å lage en nettside uten tanke på universell utforming er som å bygge en offentlig bygning uten rampe. Det ser kanskje greit ut, men folk kommer seg ikke inn.
Universell utforming (UU) handler om at alle skal kunne bruke de digitale løsningene dine. Ikke bare personer med nedsatt funksjonsevne — men også folk med dårlig syn, lesevansker, språkutfordringer, eller som rett og slett sitter med mobilen i sola. Når du designer for mange, blir opplevelsen bedre for alle.
God UU er god design
Universell utforming er ikke noe du legger til etter lansering. Det er noe du starter med fra dag én. Allerede i prototypen designer vi med logisk struktur, tydelig hierarki og høy kontrast — i størrelse og farger.
Resultatet? Nettsider som er raskere, enklere å bruke og bedre for søkemotorene. Google belønner de samme egenskapene som gjør en nettside tilgjengelig: ren kode, god struktur og rask lasting.
13 grep som gjør nettsiden din tilgjengelig
1. 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.
2. Gi tydelige feilmeldinger
Skjemaer må forklare hva som gikk galt og hva brukeren skal gjøre. «Noe gikk feil» er ikke godt nok.
3. 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.
4. Lag logisk navigasjon
Menyer og lenker må være intuitive. Strukturer innholdet hierarkisk og konsekvent.
5. Gjør alt tilgjengelig med tastatur
Alt innhold må kunne brukes med tastatur — menyer, skjemaer og knapper inkludert.
6. Bruk riktige HTML-elementer
Semantisk HTML gjør at skjermlesere forstår innholdet. Bruk <button> for knapper og <nav> for navigasjon — ikke <div> for alt.
7. Legg til alt-tekst på bilder
Alle bilder som gir informasjon, må ha en beskrivende alternativtekst. Dekorative bilder kan merkes med tom alt-tekst.
8. Bruk overskrifter riktig
H1, H2, H3 skal brukes logisk og i riktig rekkefølge. Det gjør innholdet lettere å navigere for både mennesker og hjelpemidler.
9. Unngå scroll hijacking
La brukeren bestemme hvordan de beveger seg på siden. Ikke overstyr scroll med animasjoner.
10. Test med skjermleser og tastatur
Ikke anta at noe fungerer — test det. Bruk VoiceOver eller NVDA, og prøv hele nettsiden med bare tastatur.
11. Ikke legg viktig info kun i farger
Fargebruk må alltid kombineres med tekst eller ikoner. Mange oppfatter ikke farger likt.
12. Gi brukeren kontroll
Automatisk avspilling av lyd, video eller bevegelige elementer bør kunne stoppes.
13. Tenk mobil først
Responsivt design er en del av universell utforming. Layout og navigasjon må fungere like godt på små skjermer.
Ikke la nettsiden din 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 får en nettside som er enklere og bedre — for alle som bruker den.
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.
