Hopp til innhold
Skilt med punktskrift og symboler for god kontrast, tastaturnavigasjon, skjermleser og lesbarhet — universell utforming etter WCAG

Nettsider

Universell utforming på nett

En nettside som fungerer for flere mennesker er bedre for alle. Har virksomheten din en nettside rettet mot allmennheten, er det i tillegg et krav i norsk regelverk.

Kort forklart

Nettsiden skal kunne brukes av alle

Universell utforming betyr at innholdet skal kunne oppfattes, betjenes og forstås — også av noen som ser dårlig, ikke bruker mus, eller navigerer med skjermleser. Det er ikke en egen, forenklet versjon av nettsiden. Det er den samme nettsiden, bygget slik at den ikke stenger folk ute.

Hvem kravene gjelder for
Virksomheten
Regelverket gjelder både private og offentlige virksomheter, og også lag og organisasjoner.
Løsningen
Det gjelder nettløsninger som er en hovedløsning rettet mot allmennheten, og som er en del av hvordan virksomheten informerer om og tilbyr tjenestene sine.
Kravene
Kravene bygger på den internasjonale WCAG-standarden. Privat sektor skal følge 35 av kravene, offentlig sektor 48.
Tilsyn
Tilsynet for universell utforming av ikt fører tilsyn med at regelverket følges.

Regelverket har flere unntak og detaljer enn det er plass til her. Uutilsynet har den fullstendige oversikten.

Les regelverket hos Uutilsynet

I praksis

Hva det betyr på en nettside

Det meste handler om helt konkrete ting. Dette er eksempler på hva vi ser etter — ikke en fullstendig liste over kravene.

  • Kontrast og lesbar tekst

    Teksten skal skille seg nok fra bakgrunnen til at den kan leses av noen med nedsatt syn, eller av deg i sterkt dagslys.

  • Logisk overskriftsstruktur

    Overskriftene skal fortelle hvordan siden henger sammen, ikke velges etter hvor stor teksten skal se ut.

  • Tastaturnavigasjon

    Alt du kan gjøre med mus skal også kunne gjøres med tastatur. Mange navigerer slik, permanent eller for en periode.

  • Synlig fokus

    Når du navigerer med tastatur, skal det alltid være tydelig hvor på siden du befinner deg.

  • Tekstalternativer for bilder

    Bilder som bærer mening trenger en beskrivelse. Bilder som bare er dekor skal hoppes over av skjermleseren.

  • Skjemaer som lar seg fylle ut

    Feltene skal ha ledetekster som henger sammen med feltet, og feilmeldinger som forklarer hva som må rettes.

  • Zoom og forstørring

    Siden skal fortsatt virke når teksten forstørres, uten at innhold forsvinner eller legger seg oppå hverandre.

  • Struktur hjelpemidler forstår

    Menyer, knapper og lenker skal være det de utgir seg for i koden, slik at en skjermleser kan si hva de er.

Slik jobber vi

Tilgjengelighet er ikke et sluttsjekkpunkt

Det meste som gjør en nettside utilgjengelig, er bestemt lenge før den er ferdig. Derfor ligger det i arbeidet fra start, ikke i en runde helt til slutt.

  • Design

    Farger og typografi settes med kontrastkravene som premiss, ikke som noe vi måler etterpå og håper går inn.

  • Struktur og kode

    Sidene bygges med semantisk HTML — riktige overskriftsnivåer, ekte knapper og lenker, tydelige landemerker.

  • Komponenter

    Komponentene vi gjenbruker har fokusmarkering, ledetekster og tastaturstøtte innebygd. Da arver hver ny side det.

  • Innhold

    Vi skriver alt-tekster og lenketekster som gir mening lest alene, og holder språket så enkelt som emnet tillater.

  • Testing

    Vi kjører automatiske kontroller og går gjennom sidene med tastatur før de publiseres.

Vi bygger etter WCAG 2.2 AA som arbeidsstandard, som er strengere enn minstekravet i forskriften. Samtidig fanger automatiske verktøy bare en del av kravene, og flere av dem må vurderes manuelt. Vi selger ikke en juridisk godkjenning av at alle krav er oppfylt.

Har du allerede en nettside?

Start med en nettsidesjekk

Vi analyserer nettsiden automatisk og gir deg en rapport med score på seks områder. Universell utforming er ett av dem.

Ingen e-post, telefon eller innlogging kreves.

Sjekken kjører automatiserte tilgjengelighetskontroller. De fanger en del av det som kan være galt, men ikke alt — en automatisk score er ikke dokumentasjon på at kravene er oppfylt. Finner den noe du er usikker på, tar vi gjennomgangen sammen.

Vi ser på

  1. SEO
  2. Ytelse
  3. Universell utforming
  4. Teknisk kvalitet
  5. Mobil
  6. Tillit & kundereise

Skal vi se på det sammen?

Start med en nettsidesjekk hvis du vil ha et raskt bilde. Er du usikker på hva funnene betyr, send oss en melding.

Sjekk nettsiden gratis

Ofte stilte spørsmål

Hva er universell utforming av nettsider?
At innholdet skal kunne oppfattes, betjenes og forstås av flest mulig, uavhengig av funksjonsevne. I praksis handler det om ting som kontrast, tastaturnavigasjon, tydelig struktur og tekstalternativer for bilder.
Må bedriften min følge kravene?
Regelverket gjelder både private og offentlige virksomheter, og omfatter nettløsninger som er en hovedløsning rettet mot allmennheten. Har virksomheten en nettside kundene bruker, er utgangspunktet at kravene gjelder. Uutilsynet har den fullstendige oversikten over unntak og detaljer.
Hva er WCAG?
Web Content Accessibility Guidelines er den internasjonale standarden kravene bygger på. Privat sektor skal følge 35 av kravene, offentlig sektor 48.
Bygger Mediasirkelen nettsider med universell utforming i tankene?
Ja. Vi bygger etter WCAG 2.2 AA som arbeidsstandard, og tilgjengelighet ligger i design, struktur, komponenter og testing fra start — ikke som en runde på slutten.
Kan dere sjekke nettsiden vi allerede har?
Ja. Nettsidesjekken kjører en automatisk analyse og gir deg en rapport der universell utforming er ett av seks områder. Vil du ha en grundigere gjennomgang etterpå, tar vi den sammen.
Er en automatisk nettsidesjekk nok til å dokumentere at kravene er oppfylt?
Nei. Automatiske kontroller fanger bare en del av kravene, og flere av dem må vurderes manuelt. Nettsidesjekken viser hva som kan rettes, men er ikke en juridisk vurdering av om virksomheten oppfyller regelverket.
Tom Michael, daglig leder i Mediasirkelen

Tom Michael

Daglig leder

+47 45 69 33 97tom@mediasirkelen.no

Skriv til oss:

Navn *