Guide
Test universell utforming i alle faser av produktutviklingen
Det er faktisk aldri for tidlig å teste universell utforming. Hele teamet kan bidra.
Tips
Sørg for at du planlegger inn tid og ressurser til uu-testing gjennom hele produktutviklingsforløpet. Jo tidligere du oppdager problemer, jo billigere det er å fikse dem.
Innsikt
I innsiktsfasen kan du teste den nåværende løsningen eller lignende løsninger.
NAVs kontaktsenter (NKS)
Snakk med NKS dersom du videreutvikler en av NAVs løsninger.
- Er de kjent med at den eksisterende løsningen er vanskelig å forstå?
- Opplever personer med hjelpemidler problemer med løsningen?
Brukertesting
Brukertest den eksisterende løsningen eller lignende løsninger. NAV har et samarbeid med Digjobb om tjenesten Test min løsning, der folk med funksjonsvariasjoner bistår med brukertesting med hjelpemidler.
Dialog
Snakk med brukerne dine om deres behov og preferanser.
- Hvilke hjelpemidler bruker de?
- Hva opplever de som utfordrende med dagens løsning?
- Hva har de av preferanser?
- Hva ville utgjort en strålende brukeropplevelse?
Design
En designprosess som inkluderer brukere med funksjonsvariasjoner har en mye bedre sjanse til å levere en positiv brukeropplevelse for alle.
Prototyping
Test prototypene dine med folk med ulike forutsetninger, språk, utdanning, kjønn, alder, funksjonsnivåer og livssituasjoner. Få bistand med rekruttering av testpersoner via #design-research på Slack.
Farge
Sjekk fargepaletten din. Om du bruker designsystemet, er det meste allerede i boks. Hvis du har spørsmål om bruk av farge eller oppdager feil, så send oss en melding via #designsystemet på Slack.
Fargekontrast-verktøy
Utvikling
Så snart du er klar til å skrive kode er det mye du kan gjøre for å verifisere at det du lager kommer til å fungere bra for alle. Det finnes en rekke verktøy det er lurt å ha med i verktøykassa di.
Test mens du koder.
- Fang opp kodefeil så tidlig som mulig med eslint-plugin-jsx-a11y.
- Kjør end-to-end testing med Axe gjennom Playwright (eller evt. Cypress).
- React Testing Library lar deg teste DOMen på samme måte brukere interagerer med den.
- ARC Toolkit eller Axe Devtools tilbyr en rekke automatiske, guidet og manuelle tester.
- Web Developer toolbar gjør det mulig å validere spesifikke deler av DOMen, selv om nettsiden ikke er offentlig tilgjengelig.
- Sett musen din til siden og sjekk at funksjonaliteten du bygger funker med bare tastatur.
Test det du jobber på i konteksten av hele siden.
Samsvar ("conformance" på engelsk) dreier seg om hele siden, så du må verifisere at det du jobber på funker i konteksten av sidene den skal leve i.
- Sjekk reflow og zoom. Endre viewportstørrelsen til 1280px bred og zoom til 400 %. Alt av funksjonalitet og innhold må være tilgjengelig uten horisontal scrolling (med mindre det er et kart e.l. som er avhengig av romlige forhold).
- Sjekk tekst- og linjespacing. Disse skal kunne justeres uten at brukeren mister tilgang til funksjonalitet eller innhold. Dette kan du teste med ARC Toolkit.
- Sjekk headingnivåene. Bruk f.eks. HeadingsMap til å se over headingstrukturen på hele siden. Den skal gjenspeile strukturen av innholdet. Headingene skal heller ikke hoppe over nivåer på veien ned (f.eks.
h1→h2er bra;h1→h3er ikke OK.) - Test med en skjermleser. Sørg for at status- og innholdsendringer blir annonsert. VoiceOver er innebygget i Mac, mens Narrator er innebygget i Windows.
Ekspertbrukere
Folk som ikke bruker hjelpemidler til daglig kan gjerne teste om en feature er tilgjengelig, men hvis du snakker med en ekspertbruker er set mer sannsynlig at det du lager også gir en positiv brukeropplevelse. Test da gjerne med ekspertbrukere underveis i utviklingen for å sjekke at du er på riktig spor. Spør om hjelp via #nav-uu på Slack.
Medvirkende