Foto: AI-generert info

Universell utforming på nett: Design som treffer alle

Universell utforming av nettsider handler ikke om kjedelig design. Det handler om å lage løsninger som fungerer for alle – på tvers av funksjonsevne, situasjon og enhet. Noen ting trenger vi ikke forklare, vi bare forstår dem. Som et gangfelt i et bymiljø: hvite striper på asfalt, varselsfelt med knotter ved kanten, likt overalt, gjenkjennelig på sekundet. Det er ikke spektakulært. Men det er smart. Og det er god design. Akkurat slik universell utforming fungerer på nett.

Universell utforming i Norge, ikke bare lovpålagt, men lønnsomt

Universell utforming (UU) handler om å lage digitale løsninger som fungerer for alle, uansett funksjonsevne, situasjon eller enhet. Det er et krav i norsk lov, men også et konkurransefortrinn. For når du designer for flere, lager du bedre løsninger for alle.

Forskriften om universell utforming av IKT gjelder både for offentlige aktører og mange private virksomheter, og bygger på WCAG 2.1. Det betyr blant annet at innholdet ditt må være:

  • Mulig å oppfatte – som teksting av video og god kontrast
  • Mulig å betjene – med tastatur, skjermleser eller alternative metoder
  • Forståelig – med klart språk og logisk oppbygning
  • Robust – slik at det fungerer på tvers av hjelpemidler og teknologi

👉 Du kan lese mer hos Tilsynet for universell utforming av IKT.

Universell utforming i praksis

UU handler ikke om å gjøre ting kjedelig – det handler om å gjøre det brukbart. Her er noen vanlige tiltak:

  • Alt-tekst på bilder for skjermlesere
  • Tastaturnavigasjon på menyer, knapper og skjemaer
  • Teksting av video – for både hørselshemmede og folk som ser uten lyd
  • Feilmeldinger som er tydelige og forklarende
  • Tilpasset kontrast mellom tekst og bakgrunn
  • Strukturer innholdet med riktige HTML-headere (H1, H2…)

Disse tiltakene hjelper ikke bare brukere med nedsatt funksjonsevne – de gjør løsningen enklere for alle.

Eksempel: Hvis du dropper undertekster på video, ekskluderer du ikke bare folk med hørselsutfordringer. Du mister også de som ser video på mobilen sin uten lyd – for eksempel på bussen, eller ved siden av sovende barn. Det er mange. Ifølge Digiday ser hele 85 % av brukerne Facebook-videoer uten lyd.

Universell utforming - T-bane skilt

New Yorks subway valgte fonten Helvetica fordi det måtte være lesbart, nøytralt og forståelig – under bakken, i fart, i støy. Det er universell utforming i praksis.

God design er inkluderende design

Mye av det vi i dag kaller universell utforming, står på skuldrene av designtradisjoner som lenge har handlet om én ting: å gjøre ting forståelige.

Tenk på Dieter Rams, tysk industridesigner og legende i designmiljøer. Ett av hans mest kjente prinsipper lyder:

«God design er så lite design som mulig»
Dieter Rams

Poenget hans var enkelt: God design roper ikke. Den støtter. Den gjør det lett å forstå og bruke et produkt, uten at man må tenke. Akkurat slik universell utforming fungerer på nett.

Design handler ikke om å finne på mest mulig – det handler om å fjerne det unødvendige. Når vi fjerner støy, blir det lettere å finne frem. Og lettere å delta.

Gangfeltet – et forbilde i funksjon

Et gangfelt er kanskje et av de beste eksemplene på universell utforming i det fysiske rom. Det er gjenkjennelig, intuitivt og fungerer uten forklaring. Men det er ikke bare de hvite stripene som gjør jobben. For at et gangfelt skal være tilgjengelig for alle – også blinde, svaksynte og personer med nedsatt bevegelsesevne – må flere detaljer være på plass.

Et godt utformet gangfelt har for eksempel varselsfelt med taktile knotter i hele fortauets bredde, rett ved kantsteinen. Disse gir en følbar indikasjon om at man er i ferd med å krysse en vei. I tillegg skal det være oppmerksomhetsfelt med riller på tvers av gangretningen, som leder brukeren frem til selve feltet. Kantsteinen skal være lav nok til at rullestolbrukere og andre enkelt kommer seg over, eller erstattes av et opphøyd gangfelt. Alle indikatorer skal ha høy kontrast og være sklisikre – også om vinteren.

Når vi lager brukergrensesnitt, bør vi tenke på samme måte: At alle skal kunne finne veien frem, intuitivt og trygt – uavhengig av forutsetninger og uten å måtte gjette.

UU gir bedre resultater

Når du bygger med universell utforming i bunn, får du ikke bare en mer inkluderende løsning. Du får også bedre forretningsmessige resultater:

  • Høyere konvertering – flere finner frem og fullfører
  • Bedre søkemotoroptimalisering – fordi struktur og semantikk er på plass
  • Lavere brukerfrustrasjon – som gir færre support-henvendelser

Det handler ikke om å velge mellom design og funksjon. Det handler om å bruke design til å skape funksjon.

Slik sjekker du om nettsiden din er godt utformet

Det finnes flere gode verktøy og ressurser for å sjekke om du er på rett vei:

Kontrastnivå

Bruker du farger som er lett å lese? Ta testen her.
w3.org/WAI/standards-guidelines/wcag
webaim.org/resources/contrastchecker

Skriv tydelig – prester godt

Bruker du tydelig og forståelig språk eller roter du deg bort i fag­terminologi?
sprakradet.no/klarsprak

Sjekk nettsiden din selv

Følg listen og gå gjennom nettsiden din
uutilsynet.no/regelverk/sjekk-nettstedet-ditt-selv/708

Nyttige verktøy

Ulike verktøy som er tilgjengelig for å hjelpe deg
uutilsynet.no/veiledning/verktoy-uu-testing-av-nettstaden-din/1377

Enkle grep for å nå alle på nett

Det krever lite å hjelpe mange
uutilsynet.no/veiledning/enkle-grep-na-alle-pa-nett/246

Sosiale medier og universell utforming

uutilsynet.no/regelverk/sosiale-medium-og-universell-utforming/202 

Har du utviklere eller designere i teamet? Sørg for at UU er del av designprosessen – ikke bare noe som kommer som en ettertanke på slutten.

Universell utforming er fremtiden

Design som fungerer for flere, gir bedre resultater. Ved å ta hensyn til mangfold, skaper du løsninger som treffer bredere – både funksjonelt og kommersielt. Og når du fjerner barrierer, åpner du samtidig for nye muligheter, nye brukere og nye relasjoner.

Det er akkurat det universell utforming handler om.

Vi i Cognito hjelper deg gjerne med å kombinere god form med god funksjon. Slik at løsningen ikke bare ser bra ut – men fungerer for alle.

Lyst til å nå nye høyder?

Det vil vi også. La oss ta en prat, eller et møte, for å finne ut hvordan vi kan hjelpe til.

  • This field is hidden when viewing the form
  • This field is hidden when viewing the form
  • Dette feltet er for valideringsformål og skal stå uendret.

Fyll ut skjemaet så kontakter vi deg. Se hvordan vi behandler personopplysninger.

Kilder:

Definisjon universell utforming: snl.no/universell_utforming
Antall synshemminger: uutilsynet.no
85 % uten lyd: digiday.com/media/silent-world-facebook-video
Statens vegvesen: Universell utforming