Universell utforming blir som regel lagt fram som en plikt – noe du må gjøre for ikke å gjøre noe galt. Vi ser annerledes på det: det er stort sett bare skikkelig håndverk. De samme grepene som gjør en side brukbar for noen som ser dårlig, gjør den brukbar for deg i sola på kaien med sprukken skjerm.
Det handler om folk i helt vanlige situasjoner
Tenk mindre på diagnoser og mer på situasjoner:
- Kunden er 68 og leser uten briller, for de ligger igjen i bilen.
- Kunden står ute i mars med votter på og prøver å treffe en bitteliten knapp.
- Kunden sitter på et venterom med lyden av, og videoen din er uten teksting.
- Kunden er på elendig nett og får ikke lastet bildet som inneholdt hele poenget.
- Kunden bruker skjermleser, og skjemaet ditt sier bare «felt».
Ingen av disse er spesialtilfeller. Det er kunder.
Grepene som løser mest
Kontrast. Den vanligste tabben vi ser, er lysegrå tekst på hvit bakgrunn fordi det ser elegant ut på skjermen i studio. Det gjør det ikke i sollys. Brødtekst skal være mørk nok til at noen uten perfekt syn kan lese den på en helt middels skjerm.
Tekststørrelse og zoom. Brødteksten bør ha romslig størrelse – og siden skal tåle at noen zoomer inn uten at alt legger seg oppå hverandre. Prøv å zoome til 200 % i nettleseren.
Tastatur. Trykk deg gjennom siden med tabulator. Kommer du til alle knapper og lenker? Ser du hvor du er? En synlig fokusmarkering er ikke stygg – den er nødvendig for alle som ikke bruker mus.
Alternativ tekst på bilder. Beskriv hva bildet viser og hvorfor det står der. Er bildet ren pynt, skal det merkes som pynt. «bilde1.jpg» hjelper ingen.
Skjema som forklarer seg selv. Ordentlige ledetekster over feltene, ikke bare grå tekst inni som forsvinner idet du begynner å skrive. Feilmeldinger som sier hva som er galt og hvordan du fikser det, ved feltet det gjelder.
Farge kan ikke være eneste signal. «Grønt betyr ledig» funker ikke for alle. Legg på tekst eller et ikon i tillegg.
Video og lyd. Teksting på video. Det brukes mest av folk som ser uten lyd – altså de fleste.
Klikkflater det går an å treffe. Knapper som er lette å treffe med tommelen, med litt luft rundt. Godt for alle, avgjørende for noen.
Orden i overskriftene. Overskrifter i riktig rekkefølge er ikke bare noe skjermlesere navigerer etter; det er også slik søkemotorene skjønner siden.
Det du får med på kjøpet
Dette er ikke bare å krysse av i en rute:
- Tydelig struktur og ordentlige overskrifter hjelper deg i søk.
- Store klikkflater og enkle skjemaer gir færre avbrutte bestillinger.
- God kontrast og lesbar tekst gjør at folk faktisk leser det du skrev.
- Sider som virker før alt er lastet, virker bedre på dårlig nett.
Erfaringen vår er at tilgjengelighetsarbeid nesten alltid gjør siden bedre for alle, ikke bare for noen.
Test din egen side på et kvarter
- Zoom til 200 %. Faller noe ut av skjermen, eller legger seg oppå noe annet?
- Tabulatorrunden. Gå gjennom hele forsiden med tastaturet. Kommer du gjennom bestillingen?
- Skru av lyden. Gir videoen mening?
- Gå ut i sola. Ta med telefonen ut. Klarer du å lese den grå teksten?
- Skjematesten. Send inn skjemaet med et felt tomt. Skjønner du feilmeldingen uten å gjette?
- Bildetesten. Finn et bilde som bærer informasjon – står den informasjonen også i tekst?
Finner du fem ting, har du sannsynligvis funnet de fem viktigste.
Om regelverket
Det finnes krav til universell utforming av nettsider i Norge, og de bygger på internasjonale retningslinjer som er i stadig utvikling. Hvor mye som gjelder for deg, avhenger av hva slags virksomhet du driver og hva slags løsning du har. Vi går ikke inn i paragrafene her, for juridiske råd er ikke vår jobb – men sjekk hva som gjelder for din virksomhet, og ta det med i planen tidlig.
Grunnen til at det lønner seg tidlig, er praktisk: kontrast, struktur og tastaturnavigasjon koster nesten ingenting når det gjøres i designfasen, og ganske mye når det skal rettes etterpå.
Slik jobber vi med det
Vi bygger med kontrast og struktur som utgangspunkt, ikke som en sjekk helt til slutt. Vi tester med tastatur underveis. Vi bruker ekte tekst i stedet for tekst inni bilder. Og vi skriver skjemaer et menneske kan forstå.
Det gjør ikke sidene kjedeligere. Design med tydelig hierarki, god typografi og skikkelig kontrast ser stort sett bedre ut – ikke dårligere.
Lurer du på hvordan din egen side står seg, ser vi på den mens vi lager forslaget til ny forside – og det koster deg ingenting.
