En god sidetittel hjelper brukerne å orientere seg og forstå formålet med siden. 

Universell utforming

WCAG

Tilby mer enn én måte å navigere på nettstedet.

Et konsistent layout hjelper folk med å forutsi hvor de kommer til å finne ting på siden.

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

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

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

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

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

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

Innholdsarbeid

Forvaltning

Brukerinnsikt

Måling

Testing

Hvordan oppfylle kravene til merking og samtidig minimere kognitiv belastning?

Skjema

Skjema og søknad

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. 

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

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

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

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

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

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

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.

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

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

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

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

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

Overskrifter og ledetekster skal beskrive innholdet de er knyttet til.

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

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

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

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

Frontend

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

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

Utforming

Inkluderer du mennesker med funksjonsvariasjon i innsiktsarbeidet ditt?

Brukertesting

Finn ut hvor lett det er å lese teksten din.

Produksjon

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?

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

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

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

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

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

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

Fart og flyt

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.  

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

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.  

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

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

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

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

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

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

For nettsider som mottar inndata fra brukeren.

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

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

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

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

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

En kunnskapsbank om hjelpemidler og tilrettelegging.

Innsikt

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

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

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.

Design

UI-design

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.

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

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

Interne flater

nav.no

Produktledelse

Produktteam

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

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

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.

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

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.

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

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.

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?

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.

Universell utforming

Undertema

Innholdstype

Testing

Kvalitetssjekk med Siteimprove

"Test min løsning"

Test universell utforming i alle faser av produktutviklingen

Testprotokoll - tastaturnavigasjon

Testprotokoll - innhold og fargebruk

Testprotokoll - interaksjonsmønstre og justerbarhet

Testprotokoll - skjemaer

Testprotokoll - kodesjekk og skjermlesertest

Testprotokoll - multimedia

WCAG-sjekk med SortSite