Tilbake til forsiden
Er nettsiden din universelt utformet? Slik sjekker du
Magnus Moholdt
Magnus MoholdtGrafisk designer / Utvikler
Publisert27. feb. 2020
NettsideTeknologi

Er nettsiden din universelt utformet? Slik sjekker du

Universell utforming handler om at nettsiden din skal fungere for alle — uavhengig av funksjonsevne. Det er lovpålagt, det er bra for SEO, og det er rett og slett god design. Men mange nettsider har en lang vei å gå.

For de fleste betyr digitalisering lettvinthet — ordne ting selv, uten å dra til et kontor eller ringe noen. Men for mange er ikke dette like enkelt. Trillende på barnevogn innser du plutselig hvor vanskelig det er å komme inn på trikken. Med høyre arm i gips føler du deg hjelpesløs på mobilen. Og slik er det med nettsider også — de fleste er bygget for folk som ser godt, hører godt og bruker en mus.

Hva er universell utforming av nettsider?

Universell utforming (UU) betyr at det du publiserer på nett skal være tilgjengelig for alle. En person med nedsatt syn kan høre innholdet ved hjelp av en skjermleser. En med nedsatt motorikk kan navigere med tastatur. Men hva de hører og hvor enkelt det fungerer, avhenger helt av hvordan nettsiden er bygget.

Dette er påkrevd under norsk lov. Likestillings- og diskrimineringsloven krever at nettsider er tilgjengelige. Den europeiske tilgjengelighetsloven (EAA) stiller ytterligere krav fra 2025.

De syv prinsippene for universell utforming

1. Like muligheter for bruk — Utformingen skal være brukbar for personer med ulike evner.

2. Fleksibel i bruk — Utformingen skal dekke et bredt spekter av preferanser og evner.

3. Enkel og intuitiv — Lett å forstå uansett erfaring, kunnskap eller konsentrasjonsnivå.

4. Forståelig informasjon — Kommuniserer nødvendig informasjon effektivt, uavhengig av brukerens sensoriske evner.

5. Toleranse for feil — Minimerer konsekvenser av utilsiktede handlinger.

6. Lav fysisk belastning — Kan brukes effektivt med minimalt med anstrengelse.

7. Størrelse og plass — Elementer er store nok til å brukes uavhengig av kroppsstørrelse, stilling eller mobilitet.

WCAG: Retningslinjene du må kjenne

Web Content Accessibility Guidelines (WCAG) er den internasjonale standarden for universell utforming av nettsider. Gjeldende versjon er WCAG 2.1, med 2.2 på vei inn. Retningslinjene har tre nivåer: A (grunnleggende), AA (anbefalt) og AAA (avansert). Norske nettsider skal oppfylle minst nivå AA.

Noen av de viktigste kravene: kontrast mellom tekst og bakgrunn (minimum 4.5:1), tastaturnavigasjon, alt-tekst på bilder, logisk overskriftsstruktur, og tydelige feilmeldinger i skjemaer.

Design og kode — to sider av samme sak

Det finnes ingen ferdig løsning du bare integrerer i koden. Universell utforming må tenkes inn i hele prosessen — struktur, innhold, design og utvikling.

Synlige tilpasninger (design): Skrifttype og -størrelse, farger og kontraster, tydelige klikkbare elementer, logisk visuelt hierarki.

Usynlige tilpasninger (kode): Semantisk HTML som skjermlesere forstår, riktig leserefølge, informerende alt-tekster, tastaturnavigasjon som fungerer uten å måtte klikke gjennom hele menyen.

Hvorfor Google belønner universell utforming

Google verdsetter nettsider som er tilgjengelige. Ren kode, god struktur, rask lasting og tydelig hierarki — alt som gjør en nettside tilgjengelig, gjør den også bedre for søkemotorer. En universelt utformet nettside rangerer høyere og når ut til flere. Det er en investering som betaler seg dobbelt.

Slik sjekker du din egen nettside

Start med disse verktøyene:

WAVE (wave.webaim.org) — Gratis nettleserutvidelse som viser tilgjengelighetsfeil direkte på siden din.

Lighthouse (innebygd i Chrome) — Googles eget verktøy som scorer tilgjengelighet, ytelse og SEO.

Tastaturtest — Prøv å bruke hele nettsiden med bare Tab, Enter og Escape. Kommer du deg gjennom? Ser du alltid hvor fokus er?

Kontrastsjekk — Bruk webaim.org/resources/contrastchecker for å verifisere at tekst og bakgrunn har tilstrekkelig kontrast.

Trenger du hjelp med å gjøre nettsiden din tilgjengelig? Vi baker universell utforming inn i alle nettsider vi bygger — fra første prototype til ferdig produkt.