"Universell utforming er å lage nettsider så blinde kan bruke dem."- ForretningNei, universell utforming er ikke bare for blinde!Universell utforming er for at alle skal kunne bruke tjenestene våre og konsumere innholdet vårt. Dette gjelder også vi som er “friske og raske”.Funksjonshemming hos brukerne våre er ikke nødvendigvis permanentene og ekstreme, som for eksempel 100 prosent blind på begge øynene eller en amputert arm.Funksjonshemminger kan være midlertidig og situasjonsavhengig. For eksempel at det er vanndråper på mobilskjermen din som gjør det vanskeligere å se, eller at du kun kan benytte én hånd fordi du har et lite barn på den andre armen. Kanskje dette lille barnet samtidig skriker inn i øret ditt uten at du vet hvorfor, noe som i tillegg gjør deg ukonsentrert.Det er veldig vanskelig å se for seg fordelene med universell utforming hvis man selv ikke har vært i en situasjon der man drar nytte av det.Derfor satt jeg sammen disse enkle testene som tar oss bort fra det enkle og komfortable. Finn en oppgave som skal løses, velg en simulering og kjør test!OppgavenOppgaven skal løses på en skjerm. Hva oppgaven er helt opp til dere, men det er jo en fordel om det er faktiske problemer og behov som brukerne deres har. Kanskje har dere noen toppoppgaver liggende.Eksempler på oppgaver:Hva er nummeret til kundeservice?Finn noe spesifikt i kartløsningenLogg inn og les en meldingLegg et munnbind i handlekurvenSlett 2020 helt fra kalenderenVelg én av variantene under for å simulere ulike typer funksjonshemminger.#1. Benytt kun den ikke-dominante hånden dinEr du høyrehendt bruker du kun din venstre hånd, er du venstrehendt bruker du kun din høyre hånd. Dette gjør at du ikke er så treffsikker som vanlig.Kan også utføres med mobil.Simulerer:Situasjoner der man ikke er i stand til å benytte begge hender eller sin dominante håndMidlertidig skade i hånd eller armAmputert arm eller håndParkinson eller andre nevrologiske sykdommerAvdekker:For små klikkeflaterInteraksjoner som krever ekstra finmotorikkInteraksjonselementer som er for nærme hverandre#2. Naviger kun med tastaturI denne testen navigerer vi kun til og fra elementer som man kan interagere med, altså knapper, linker og andre ting man kan trykke på, skrive i eller flytte rundt.Det kan hende at man ikke vet hvordan man gjør det, så her er en liten hurtigguide: Bruk tab og shift+tab for å flytte deg fram og tilbake, space og enter for “klikke” avhengig av hvilket element det er, og piltaster for å velge ting i for eksempel nedtrekksmenyer og radioknapper.Simulerer:Brukere som foretrekker å navigere med tastatur, delvis eller heltBegrensinger som gjør det vanskelig eller umulig å bruke musepekerAt trackpadden eller musen din plutselig er ødelagtAvdekker:Ulogisk HTML dokumentstrukturFeil på interaksjonselementerTastaturfeller (bruker får ikke navigert seg vekk fra elementer)Utydelig fokusmarkering#3. Zoom inn 400% i nettleserenI WCAG 2.0 er det et krav om at “tekst kan bli endret til 200 prosent størrelse uten tap av innhold eller funksjon” I WCAG 2.1 er dette tatt et steg videre ved å si at “innhold skal kunne endres til 400 prosent størrelse uten tap av informasjon eller funksjonalitet”.Med andre ord: Alt skal fungere som normalt selv om du forstørrer sida i nettleseren. Da gjør vi det, da! Hurtigtaster for å zoome i de vanligste nettleserene:Ctrl/Cmd og “+” for å zoome innCtrl/Cmd og “-” for å zoome utCtrl/Cmd og “0” for å zoome tilbake til 100%Zoom inn til du havner på 400%.Simulerer:Svaksynte brukere som er avhengig av nettleserens zoom-funksjonalitetMindre, eventuelt eldre, mobile enheterAvdekker:Grad av responsivitet på layout og posisjonering, typografiCSS feilFor lange ordUlogisk gruppering av innholdVidere testingDet finnes andre måter å teste universell utforming på som fortsatt er enkelt og lavterskel. Dette krever bittelitt mer teknisk tweaking. Og til tider tunga rett i munnen.Eksempler på noen lavterskel, men avanserte, tester:Skru av CSS og JavaScript i nettleserenBruk simulering av “blurry vision” og fargeblindhet i ChromeNaviger med VoiceoverLykke til med testingen, og ha det gøy!