Webutvikling og inkluderende design:
hvorfor det betyr noe i praksis
Universell utforming er ikke et compliance-kryss. Det er god webutvikling — og det betyr noe for brukere, søkemotorer og norsk lov.
Hva det handler om
Tilgjengelighet er ikke et tillegg —
det er et grunnprinsipp
Mange behandler universell utforming (UU) som noe man legger til etter at siden er ferdig. Det er feil tilnærming. Tilgjengelighet er bygget inn i grunnstrukturen til siden — i HTML-semantikken, fargevalgene, typografien og interaksjonsdesignet.
WCAG (Web Content Accessibility Guidelines) er den internasjonale standarden for tilgjengelighet på nett. I Norge er WCAG 2.1 nivå A og AA et juridisk krav for kommersielle nettsider, nedfelt i IKT-forskriften. Det gjelder deg.
Men utover loven: en nettside som er designet for alle er vanligvis bedre for alle. Klarere hierarki, bedre kontraster, enklere navigasjon — disse tingene er ikke spesielle behov. Det er god design.
WCAG 2.1 i praksis
De viktigste kriteriene — og hva de betyr
WCAG er organisert i fire prinsipper: Oppfattbar, Opererbar, Forståelig og Robust. Her er de kriteriene vi ser mangler oftest.
Alternativ tekst
Oppfattbar
Alle bilder som formidler innhold må ha en beskrivende alt-tekst. Dekorative bilder skal ha tom alt-tekst så skjermlesere hopper over dem.
alt="Portrettfoto av Moritz, grunnlegger av Dev AS"
Semantisk struktur
Oppfattbar
Bruk HTML-elementer etter deres betydning: <h1>–<h6> for overskrifter, <nav> for navigasjon, <main> for hovedinnhold. Ikke bruk <div> for alt.
<h1>, <nav>, <main>, <article>, <button>
Fargekontrast
Oppfattbar
Normal tekst trenger kontrastforhold på minst 4,5:1 mot bakgrunnen. Stor tekst (18px+) trenger 3:1. Dette er ikke bare regler — dårlig kontrast gjør tekst ulesbar i sollys og for synshemmede.
Mørk tekst på lys bakgrunn: ✓ Lys grå på hvit: ✗
Tastaturnavigasjon
Opererbar
All funksjonalitet på siden må kunne brukes kun med tastatur — Tab for navigasjon, Enter/Space for aktivering. Brukere som ikke kan bruke mus er avhengige av dette.
Test ved å navigere siden din kun med Tab-tasten
Synlig fokusindikator
Opererbar
Det must alltid være synlig hvilken knapp eller lenke som er aktiv ved tastaturnavigasjon. Å fjerne outline med CSS uten å erstatte det er en av de vanligste tilgjengelighetsfeilene.
:focus { outline: 2px solid #a7ea00; }
Skjemafeil
Forståelig
Feilmeldinger i skjemaer må beskrive hva som er feil og hvordan det rettes. «Ugyldig inndata» er ikke en nyttig feilmelding.
«E-postadressen ser ikke riktig ut. Sjekk at du har inkludert @.»
Navn, rolle, verdi
Robust
Alle interaktive elementer må ha et navn som skjermlesere kan lese opp, en korrekt rolle (button, link, checkbox) og en verdi der det er relevant.
<button aria-label="Lukk dialogboks">×</button>
Nivå A = minimumskrav. Nivå AA = det norsk lov krever for kommersielle nettsider.
Hvorfor bry seg
Det er ikke bare det rette å gjøre — det lønner seg
Juridisk krav
Norsk lov (Likestillings- og diskrimineringsloven, IKT-forskriften) krever at kommersielle nettsider tilfredsstiller WCAG 2.1 nivå A og AA. Manglende etterlevelse kan medføre sanksjoner.
Bredere publikum
Rundt 15–20 % av befolkningen har en eller annen form for funksjonsnedsettelse. Tilgjengelig design inkluderer disse — og forbedrer opplevelsen for alle.
Bedre SEO
Google leser nettsider omtrent som en skjermleser: tekst, semantikk, struktur. En tilgjengelig nettside er som regel en godt indeksert nettside.
Raskere sider
Mange tilgjengelighetsmessige god praksis — semantisk HTML, riktig bildeoptimalisering, fokus på innholdsstruktur — overlapper direkte med ytelsesoptimalisering.
Mål, ikke synsing
Lighthouse-tilgjengelighet er målbar
Google Lighthouse har en egen tilgjengelighets-kategori som tester en rekke WCAG-kriterier automatisk: kontrast, alt-tekst, form-labels, ARIA-bruk og mer. Det er ikke en fullstendig test — noen ting krever manuell gjennomgang — men det er et godt utgangspunkt.
Vi dokumenterer tilgjengelighetsscorer for prosjektene vi leverer, på samme måte som ytelse, SEO og beste praksis. Det er ikke et selvrosende tiltak — det er en form for ansvarlighet overfor det vi leverer.
En score på 100 i tilgjengelighet er mulig og bør være målet. Det betyr ikke at alt er perfekt — men det betyr at de vanligste og mest målbare problemene er løst.
Bygget inn fra start
Vi bygger tilgjengelighet inn — ikke på etterpå
Ta kontakt for å snakke om hva en tilgjengelig nettside betyr for din bedrift.