Universell utforming på nett

Hvorfor universell utforming er viktig

Universell utforming er brukervennlighet. Hvis man ikke tar hensyn til universell utforming, vil man gjøre det vanskelig for ulike deler av målgruppa å bruke produktet. Jo mer universelt utformet – dess bedre brukervennlighet for alle brukergrupper.

I medieproduksjon må vi ta hensyn til universell utforming på mange områder. Ofte kan det dreie seg om teknisk utførelse, og det kan vel så gjerne være rent designmessig arbeid. Universell utforming gjelder også tilpasning av innholdet – og ikke minst å bruke et språk som brukeren forstår.

Universell utforming er derfor vesentlig når du skal arbeide med:

innholdsproduksjon

spesielt for å møte kognitive utfordringer

design

for eksempel bruk av kontrast, farger og skrifttyper

teknisk produksjon

gjerne valgmuligheter som teksting, egne versjoner og struktur som hjelpemidler kan dra nytte av

Universell utforming kan altså ligge som et krav fra oppdragsgiver og i lovverket, men er også viktig i seg selv, fordi det gir bedre brukeropplevelse.

IT og nettsteder

På IT-feltet gjelder universell utforming for både automater og datasystemer. Men det helt sentrale er utforming av nettsteder. I Norge er det Digitaliseringsdirektoratet, digdir, som leder arbeidet og fører tilsyn med dette.

Universell utforming er regulert i lovverket. Forskrift om universell utforming av IT-løsninger stiller krav om at nettsider i privat sektor må oppfylle 35 av 61 suksesskriterier i standarden Retningslinjer for tilgjengelig webinnhold (WCAG), mens offentlig sektor skal følge 48.

Forskrift om universell utforming av IT-løsninger (uutilsynet.no)

Retningslinjer for tilgjengelig webinnhold (WCAG) (uutilsynet.no)

Til sammen kan vi sette opp sju gode grunner til å utforme universelt:

1. Samfunnsøkonomisk
2. Enklere for alle brukere
3. Gir like muligheter
4. Smart
5. Lønnsomt
6. Framtidsrettet
7. Lovpålagt

I videoen nedenfor får du forklart disse grunnene nærmere.

Eksempel: Hvordan utforme nettsider universelt?

I utforming av nettsider må vi forholde oss til forskrift om universell utforming. Her finnes det veiledninger og sjekklister vi kan dra god nytte av. Det viktigste er imidlertid å teste. Ikke mot automatiske WCAG-kodesjekkere, men mot ekte brukere med ekte behov.

Bruk tilsynet sin veileder

Tilsynet for universell utforming av ikt har utarbeidet veilederen Løsningsforslag for web som går gjennom problemstillinger og løsningsforslag. Det er viktig å huske at det kan være flere måter å møte kravene på.

I veilederen finner man helt konkrete råd. Dette er derfor en ressurs du bør bruke som sjekkliste når du planlegger utforming av et nettsted. Noen eksempler:

• koding av bilder, bildetekst, alt-tekst
• koding av tabeller
• utforming av lenker
• kontrast og fargebruk
• bruk av lyd og video

Utdrag fra 24 tips:

• Snakk sammen om universell utforming i prosjektgruppa. Test universell utforming sammen med brukere med ulike utfordringer.
• La brukerne vite hvor de er, og hvordan de kommer videre. Lag alternative innganger og snarveier for å fylle ulike behov.
• La alt innhold nås med tastatur. Bruk fokusmarkering og logisk rekkefølge for dem som navigerer med tastatur.
• Husk god markering av lenker som skiller seg fra teksten. Gi brukeren beskjed om lenken åpner seg i nytt vindu eller åpner et dokument. Lag beskrivende lenketekster.
• Bruk riktig kode og strukturer teksten. Det som ser ut som noe, skal kodes som det, for eksempel overskrifter, lister, tabeller og skjema. Bruk tilgjengelige tema og programtillegg i publiseringssystemet. Bruk klarspråk og overskrifter som passer til innholdet i avsnittene.
• Bruk responsiv design. Tillat tilpasning av sida, og design sida slik at brukerne kan tilpasse den til sine behov.
• Test kontrast mellom tekst og bakgrunn, slik at den også kan leses av svaksynte og fargeblinde.
• Bruk alternativ tekst på bilder slik at skjermlesere kan lese opp for brukeren.
• Tekst video, og publiser utskrift av teksten.
• Ro ned tempoet, unngå autostart og blinking. Gi brukeren kontroll, vis pauseknapp.
• Gi tydelige feilmeldinger, slik at brukeren kan forstå feilen og komme på rett spor. Gjør det enkelt å ta kontakt dersom de møter hindringer på sida di.