Hopp til innhold
Aksel
  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Mønster & Maler
  • Bloggen

Meny

  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Mønster & Maler
  • Blogg

Universell utforming

Universell utforming handler om at tjenester, produkter og omgivelser skal kunne brukes av alle som trenger dem, uavhengig av funksjonsevne eller brukskontekst.

  • Alle tema
  • Brev
  • Brukerinnsikt
  • Design
  • Frontend
  • Innholdsarbeid
  • Interne flater
  • Kompetanseutvikling
  • Kunstig intelligens
  • nav.no
  • Produktledelse
  • Produktteam
  • Skjema og søknad
  • Universell utforming

Undertema

Innholdstype

Brukerinnsikt

Lær å kjenne brukerne dine. Hvilke hjelpemidler bruker de? Hva har de av behov? Hvordan brukerteste med folk med nedsatt funksjonsevne?

  • Brukerinnsikt: tenk mangfold!

    18. juli 2024

    Når du jobber med innsikt og analyse kan du bidra til å forsterke stemmene som ofte ikke blir hørt.

    Brukerinnsikt
    Guide
  • Kunnskapsbanken - hjelpemidler og tilrettelegging

    5. april 2024

    En kunnskapsbank om hjelpemidler og tilrettelegging.

    Brukerinnsikt
    Verktøy
  • Empati-lab

    5. april 2024

    Kjenn på kroppen hvordan det er å ha en simulert funksjonstap.

    Brukerinnsikt
    Verktøy

Frontend

I det digitale landskapet er frontend-utvikling kritisk for å sikre universell tilgang. Vi utforsker hvordan vi kan være med å implementere tilgjengelighet i frontend, og gå utover standardene for å skape en mer inkluderende web.

  • SVG-ikoner og tilgjengelighet

    8. april 2025

    Ikoner er blitt en vital del av dagens web. Disse grafiske elementene fremhever det visuelle, men også ofte det funksjonelle i løsningene våre. Dette skal funke for alle brukerene våre, uansett situasjon.

    Frontend
    Retningslinje
  • Ingen ARIA er bedre enn feil ARIA

    22. august 2024

    Når utviklere forstår ARIA brukes standarden mye mindre og riktigere.

    Frontend
    Guide
  • Hvilke nettlesere, enheter og hjelpemidler støtter vi?

    18. juli 2024

    Løsningene våre skal fungere på de aller, aller fleste enheter og nettlesere folk bruker.

    Frontend
    Retningslinje
  • Frontend-kode og tilgjengelighet

    7. juni 2024

    Hva bør du som jobber med frontend ha i bakhodet for å lage løsninger som fungerer for alle?

    Frontend
    Guide

Innholdsarbeid

Innhold som ikke er forståelig er ikke tilgjengelig. Her finner du råd om hvordan å gjøre både tekstlig og ikke-tekstlig innhold så tilgjengelig som mulig.

  • Hvordan lage gode lenker?

    26. februar 2025

    Lenketekster og utforming skal gi brukere akkurat nok informasjon til at de er forberedt på hvor lenken leder og hvordan lenken kommer til å oppføre seg. 

    Innholdsarbeid
    Guide
  • Tilgjengelig tekstlig innhold

    20. august 2024

    Her får du tips om hvordan du kan gjøre teksten du skriver mer universelt utformet.

    Innholdsarbeid
    Guide
  • Klarspråkshjelpen

    6. august 2024

    Finn ut hvor lett det er å lese teksten din.

    Innholdsarbeid
    Verktøy
  • Synstolking av video

    16. august 2023

    Synstolking er å beskrive levende bilder. På videoer betyr det at viktige ting som ikke kan høres formidles ved hjelp av en «fortellerstemme». Synstolking kan også tilbys på teater og andre live-arrangementer.

    Innholdsarbeid
    Guide
  • Teksting av lyd og video

    23. mars 2023

    Video med lyd og lydopptak skal tekstes. I denne artikkelen får du noen enkle tips, og lenker til hvor du kan lese mer.

    Innholdsarbeid
    Guide

Skjema

Her finner du råd som vil hjelpe deg å sikre at alle har tilgang til hjelpen og statusinformasjonen de trenger for å fylle ut skjemaer riktig.

  • Obligatoriske og valgfrie skjemafelt

    30. oktober 2024

    Hvordan oppfylle kravene til merking og samtidig minimere kognitiv belastning?

    Skjema
    Retningslinje
  • Skjemavalidering og feilmeldinger

    25. september 2024

    Gode feilmeldinger hjelper alle når de fyller ut skjemaer, men de er særlig viktige for folk med nedsatt syn og folk med kognitiv funksjonsnedsettelse.

    Skjema
    Retningslinje
  • Navigasjon i skjemaer

    12. august 2024

    En kort oversikt over navigasjonselementene og hvor de plasseres i et skjema.

    Skjema
    Retningslinje
  • Deaktiverte tilstander (disabled states)

    18. juli 2024

    Hvorfor er deaktiverte tilstander utfordrende, og hvordan unngå man dem.

    Skjema
    Retningslinje
  • Prefix og suffix til tekstfelter (benevnelse)

    18. juli 2024

    Vi fraråder bruk av tekst til venstre eller høyre både utenfor eller inn i inputfelter.

    Skjema
    Retningslinje

Testing

Når, hva, og hvordan bør du teste universell utforming? Hvilke testingverktøy tilbyr vi?

  • Testprotokoll - kodesjekk og skjermlesertest

    10. februar 2025

    Sjekk at løsningen din er kodet på en måte som fungerer med hjelpemidler og nettlesere.

    Testing
    Guide
  • Test less!

    4. desember 2024

    Hvordan optimalisere testing i forbindelse med tilgjengelighetserklæringen?

    Testing
    Guide
  • Kvalitetssjekk med Siteimprove

    3. november 2024

    Siteimprove hjelper oss med å kvalitetsikre innhold og kode på Navs nettsider.

    Testing
    Verktøy
  • "Test min løsning"

    7. august 2024

    Inkluderer du mennesker med funksjonsvariasjon i innsiktsarbeidet ditt?

    Testing
    Guide
  • Test universell utforming i alle faser av produktutviklingen

    18. juli 2024

    Det er faktisk aldri for tidlig å teste universell utforming. Hele teamet kan bidra.

    Testing
    Guide
  • Testprotokoll - tastaturnavigasjon

    17. juli 2024

    Alt av funksjonalitet og innhold på nettsiden må være tilgjengelig med bare tastatur.

    Testing
    Guide
  • Testprotokoll - innhold og fargebruk

    17. juli 2024

    For å teste disse kravene må du lese gjennom sidens innhold og se på innholdet i konteksten av nettstedet som helhet.

    Testing
    Guide
  • Testprotokoll - interaksjonsmønstre og justerbarhet

    17. juli 2024

    Kan brukerne dine konsumere nettsidene dine på måten de foretrekker?

    Testing
    Guide
  • Testprotokoll - skjemaer

    16. juli 2024

    For nettsider som mottar inndata fra brukeren.

    Testing
    Guide
  • Testprotokoll - multimedia

    16. juli 2024

    For forhåndsinnspilt multimediainnhold, f.eks. animasjoner, lydspor og video.

    Testing
    Guide
  • WCAG-sjekk med SortSite

    5. april 2024

    SortSite er et ett-klikks testverktøy vi i NAV IT har noen få lisenser til.

    Testing
    Verktøy

Tilgjengelighetserklæring

En tilgjengelighetserklæring gir en oversikt over hvorvidt innholdet på et nettsted oppfyller de lovpålagte WCAG-kravene. Du må oppdatere status ved hver stor endring til nettstedet, og minst en gang hvert år.

  • Tilgjengelighetserklæring: slik rapporterer du WCAG-status

    23. september 2024

    Du må oppdatere status ved hver stor endring til nettstedet, og minst en gang hvert år. Hvordan du går frem varierer avhengig av løsningens målgruppe, plassering og lanseringsdato.

    Tilgjengelighetserklæring
    Guide
  • Tjenester utenfor nav.no: lag en tilgjengelighetserklæring

    18. juli 2024

    Tjenester utenfor nav.no må utarbeide egen tilgjengelighetserklæring og publisere denne på uustatus.no. Dette gjelder også for intranett og ekstranett som er nye eller vesentlig oppdaterte etter 1.2.2023.

    Tilgjengelighetserklæring
    Guide
  • Tjenester på nav.no: rapporter WCAG-status til uu-teamet

    18. juli 2024

    Tjenester og nettsider på nav.no skal rapportere WCAG-status til uu-teamet. UU-teamet sammenstiller resultatene fra alle nav.no-teamene til én samlet tilgjengelighetserklæring.

    Tilgjengelighetserklæring
    Guide
  • WCAG-testing for tilgjengelighetserklæringen

    16. juli 2024

    Slik tester du løsningen din opp mot de 48 lovpålagte krav fra WCAG 2.1.

    Tilgjengelighetserklæring
    Guide

UU i Nav

Hvordan jobber vi med universell utforming hos oss? Hvilke krav må løsningen din oppfylle, og hvordan rapporterer du WCAG-status? Hvor kan du få hjelp?

  • Anskaffelser: krav til universell utforming

    24. februar 2025

    Løsninger NAV kjøper skal være utformet i tråd med EUs Web Accessibility Directive (WAD).

    UU i Nav
    Retningslinje
  • Ordliste: uu og tilhørende begreper

    30. oktober 2024

    Denne artikkelen er et forsøk på å forklare noen av de mest brukte begrepene om universell utforming og nedsatt funksjonsevne. Målet er at NAV skal bruke begrepene riktig, og på en konsistent måte.

    UU i Nav
    Retningslinje
  • Lovverk om universell utforming

    23. september 2024

    Alle NAVs innbyggertjenester må fungere for folk med funksjonsnedsettelser, også eldre løsninger, dokumenter og mobilapplikasjoner.

    UU i Nav
    Retningslinje
  • Hvordan fungerer et uu-tilsyn?

    30. juli 2024

    Så har det skjedd—teamet ditt har mottatt et varsel om at det skal føres uu-tilsyn på løsningen deres. Hva betyr det, og hvordan skal du gå frem?

    UU i Nav
    Guide
  • Lær mer om universell utforming

    30. juli 2024

    Her finner du uu-teamets anbefalinger til eksterne ressurser der du kan lære mer om universell utforming.

    UU i Nav
    Verktøy
  • Hvem har ansvar for uu?

    18. juli 2024

    Hvem har ansvar for å sikre at løsningene våre møter lovkravene og fungerer bra for flest mulig?

    UU i Nav
    Retningslinje
  • Kontakt uu-teamet

    18. juli 2024

    Det er flere kanaler du kan bruke til å få bistand med uu-spørsmål.

    UU i Nav
    Guide
  • Kurs i universell utforming

    18. juli 2024

    Få en innføring eller fordyp deg i utvalgte temaer rundt uu.

    UU i Nav
    Guide
  • Led ditt team til å lykkes med uu

    17. juli 2024

    Det har en stor effekt på resultatet når ledere og produkteiere løfter inkludering og minner om lovkrav.

    UU i Nav
    Guide
  • Egenutvikling: krav til universell utforming

    5. april 2024

    Alle skal kunne bruke løsningene vi lager--både befolkningen og våre ansatte.

    UU i Nav
    Retningslinje

WCAG

Detaljert råd om WCAG-kravene: NAVs tolkning og anbefalinger, hvordan oppfylle og teste kravene og ofte-stilte spørsmål.

  • 3.2.2 Inndata

    29. april 2025

    Pass på at brukerinteraksjoner ikke utløser uforventede endringer på nettsiden.

    WCAG
    Retningslinje
  • 2.1.2 Ingen tastaturfelle

    29. april 2025

    Det du kommer til med tastaturnavigering må du kunne forlate med tastaturnavigering.

    WCAG
    Retningslinje
  • 2.1.4 Hurtigtaster som består av ett tegn

    24. april 2025

    Unngå hurtigtaster som består av ett tegn.

    WCAG
    Retningslinje
  • 3.1.2 Språk på deler av innhold

    24. april 2025

    Tekst på et annet språk enn sidespråket skal spesifiseres med riktig språkkode.

    WCAG
    Retningslinje
  • 1.3.4 Visningsretning

    24. april 2025

    Innhold skal kunne vises og brukes i både stående og liggende retning.

    WCAG
    Retningslinje
  • 1.4.2 Styring av lyd

    8. april 2025

    Gjør det lett for brukere å stoppe eller dempe lyd som starter automatisk.

    WCAG
    Retningslinje
  • 1.4.13 Pekerfølsomt innhold eller innhold ved tastaturfokus

    2. april 2025

    Gi brukere kontroll over innhold som vises ved hover eller fokus, så det ikke forsvinner før de er klare.

    WCAG
    Retningslinje
  • 2.3.1 Terskelverdi på maksimalt tre glimt

    26. mars 2025

    Unngå å gi folk anfall.

    WCAG
    Retningslinje
  • 2.4.6 Overskrifter og ledetekster

    19. mars 2025

    Overskrifter og ledetekster skal beskrive innholdet de er knyttet til.

    WCAG
    Retningslinje
  • 2.5.3 Ledetekst i navn

    19. mars 2025

    Samsvarer elementets synlige ledetekst med det tilgjengelige navnet?

    WCAG
    Retningslinje
  • 3.3.1 Identifikasjon av feil

    19. mars 2025

    Gjør det lett for brukerne å se hvor det har oppstått en feil, og gi en god tekstbeskrivelse av feilen.

    WCAG
    Retningslinje
  • 3.3.3 Forslag ved feil

    19. mars 2025

    Når løsningen oppdager en feil en bruker har gjort, tilbys konkret hjelp til hvordan feilen kan rettes.

    WCAG
    Retningslinje
  • 1.3.3 Sensoriske egenskaper

    19. mars 2025

    Sørg for at brukeren kan forstå instruksjonene på siden, uten å være avhengig av en spesifikk sans eller orientering på siden.

    WCAG
    Retningslinje
  • 1.4.10 Dynamisk tilpasning (Reflow)

    19. mars 2025

    Kan man forstørre innholdet til 400% uten å tape informasjon eller funksjonalitet?

    WCAG
    Retningslinje
  • 3.3.2 Ledetekster eller instruksjoner

    19. mars 2025

    Skjemafelt som skal fylles ut, har ledetekster eller instruksjoner.

    WCAG
    Retningslinje
  • 3.3.4 Forhindring av feil (juridiske feil, økonomiske feil, datafeil)

    19. mars 2025

    Hvis en interaksjon på en nettside kan ha alvorlige konsekvenser for brukeren skal brukeren kunne angre, kontrollere eller bekrefte handlingen / dataene som sendes inn.

    WCAG
    Retningslinje
  • 1.4.4 Endring av tekststørrelse

    19. mars 2025

    Tekst kan forstørres til minst 200% uten at informasjon går tapt.

    WCAG
    Retningslinje
  • 1.3.5 Identifiser formål med inndata

    18. mars 2025

    Bruk autocomplete der det er mulig.

    WCAG
    Retningslinje
  • 3.2.1 Fokus

    13. mars 2025

    Fokus alene skal ikke utløse endringer – kun brukerens aktive valg.

    WCAG
    Retningslinje
  • 3.2.4 Konsekvent identifikasjon

    11. mars 2025

    Brukere kan lettere gjenkjenne like funksjoner på et nettsted når de har konsekvent navn og utseende.

    WCAG
    Retningslinje
  • 3.2.3 Konsekvent navigering

    11. mars 2025

    Et konsekvent oppsett av navigasjonselementer på tvers av sider hjelper brukerne å forutsi hvordan de finner frem på siden.

    WCAG
    Retningslinje
  • 2.4.5 Flere måter

    26. februar 2025

    Tilby mer enn én måte å navigere til nettsiden på.

    WCAG
    Retningslinje
  • 4.1.2 Navn, rolle, verdi

    25. februar 2025

    Hjelpemiddelteknologi må kunne identifisere alle brukergrensesnittkomponenter og forstå deres rolle, tilstand og egenskaper.

    WCAG
    Retningslinje
  • 2.2.1 Justerbar hastighet

    14. februar 2025

    Brukere skal kunne slå av, justere eller forlenge tidsbegrensninger slik at de får nok tid til å fullføre oppgaver.

    WCAG
    Retningslinje
  • 2.4.2 Sidetitler

    11. februar 2025

    Har nettsiden en sidetittel som beskriver sidens tema eller formål?

    WCAG
    Retningslinje
  • 1.4.3 Kontrast

    10. februar 2025

    Tekst med god kontrast er lettere å lese for alle som bruker synssansen.

    WCAG
    Retningslinje
  • 2.4.3 Fokusrekkefølge

    4. februar 2025

    Navigering med tastatur skal være forståelig.

    WCAG
    Retningslinje
  • 1.1.1 Ikke-tekstlig innhold

    11. desember 2024

    Tilby et tekstlig alternativ for ikke-tekstlig innhold.

    WCAG
    Retningslinje
  • 1.3.1 Informasjon og relasjoner

    6. desember 2024

    Bruk HTML semantikk for å formidle visuell presentasjon.

    WCAG
    Retningslinje
  • 2.1.1 Tastatur

    4. desember 2024

    Alt skal kunne gjøres med tastatur.

    WCAG
    Retningslinje
  • 1.3.2 Meningsbærende rekkefølge

    28. november 2024

    Innhold skal kunne presenteres sekvensielt på en forståelig måte.

    WCAG
    Retningslinje
  • 1.4.5 Bilder av tekst

    19. november 2024

    Bruk tekst. Unngå bilder av tekst.

    WCAG
    Retningslinje
  • 2.4.4 Formål med lenke i kontekst

    11. november 2024

    Gode lenketekster gjør det enklere for folk å bestemme om de ønsker å følge lenken.

    WCAG
    Retningslinje
  • 1.4.1 Bruk av farge

    5. november 2024

    Ikke bruk farger som den eneste måten å kommunisere informasjon på.

    WCAG
    Retningslinje
  • 2.4.7 Synlig fokus

    18. oktober 2024

    Brukeren må alltid kunne se hvilket element som kommer til å motta tastaturinput.

    WCAG
    Retningslinje
  • 1.2.5 Synstolking (forhåndsinnspilt)

    15. oktober 2024

    Det som er viktig og ikke kan høres i en film skal formidles som synstolking.

    WCAG
    Retningslinje
  • 1.2.4 Teksting (direkte)

    15. oktober 2024

    Direktesent video skal tekstes.

    WCAG
    Retningslinje
  • 1.2.3 Synstolking eller mediealternativ (forhåndsinnspilt)

    10. oktober 2024

    Det som er viktig og ikke kan høres i en film skal formidles som tekst eller synstolking.

    WCAG
    Retningslinje
  • 1.4.11 Kontrast for ikke-tekstlig innhold

    8. oktober 2024

    Alle som benytter synssansen skal kunne oppfatte brukergrensesnittkomponenter og viktig grafikk.

    WCAG
    Retningslinje
  • 1.2.1 Bare lyd og bare video (forhåndsinnspilt)

    26. september 2024

    Du skal ha et alternativt til lyd og video uten lyd.

    WCAG
    Retningslinje
  • 1.2.2 Teksting (forhåndsinnspilt)

    26. september 2024

    Video skal tekstes.

    WCAG
    Retningslinje
  • 4.1.1 Parsing

    24. september 2024

    Velstrukturert HTML sikrer at nettlesere og hjelpemiddelteknologi presenterer innholdet som tiltenkt.

    WCAG
    Retningslinje
  • 2.4.1 Hoppe over blokker (skip-links)

    23. september 2024

    Brukeren må kunne navigere raskt til hovedinnholdet. Flere teknikker kan benyttes for å oppfylle kravet.

    WCAG
    Retningslinje
  • 4.1.3 Statusbeskjeder

    17. september 2024

    Skjermleserbrukeren skal få statusbeskjeder om viktige endringer uten at konteksten endres.

    WCAG
    Retningslinje
  • 1.4.12 Tekstavstand

    16. september 2024

    Brukeren må kunne justere avstanden mellom linjer, avsnitt, bokstaver og ord.

    WCAG
    Retningslinje
  • 3.1.1 Språk på siden

    16. september 2024

    Spesifiser sidens språk slik at hjelpemidler leser opp siden riktig.

    WCAG
    Retningslinje

© 2025 Nav

Arbeids- og velferdsetaten

Snarveier

  • Skriv for Aksel
  • Prinsipper for brukeropplevelse
  • Security Playbook
  • Etterlevelse

Om nettstedet

  • Hva er Aksel?
  • Personvernerklæring
  • Tilgjengelighetserklæring

Finn oss

  • Figma
  • Github
  • Slack