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

Universell utforming

Frontend

Her får du tips om hvordan du kan gjøre innholdet ditt lett å oppfatte og forstå.

Innholdsarbeid

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

Skjema og søknad

Utforming

Skjema

Inkluderer du mennesker med funksjonsvariasjon i innsiktsarbeidet ditt?

Testing

Brukerinnsikt

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?

UU i NAV

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

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

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

WCAG

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.

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.  

Tilgjengelighetserklæring

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.

Spesifiser sidens språk slik at hjelpemidler fungerer som de skal.

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

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.

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

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.

Anbefalinger fra NAVs uu-team om hvordan oppfylle og teste kravene

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.

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.  

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

Hvordan oppfylle kravene til merking og samtidig minimere kognitiv belastning?

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. 

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).

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

Forvaltning

Måling

Suksesskriteriet har som formål å gjøre brukerne oppmerksomme på statusendringer.

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.

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

WCAG

1.4.3 Kontrast

3.1.1 Språk på siden

2.4.1 Hoppe over blokker (skip-links)

1.4.12 Tekstavstand

WCAG-suksesskriterier i dybden

4.1.3 Statusbeskjeder