Universell utforming av nettsider: hva kreves?

Hva universell utforming av nettsider betyr

Universell utforming defineres ofte som at produkter, tjenester og omgivelser skal kunne brukes av flest mulig, uten at det kreves spesiell tilpasning. På en nettside betyr det at besøkende skal kunne finne informasjon, navigere, fylle ut skjemaer, logge inn og bestille uten å møte barrierer. Definisjonen omfatter mer enn nedsatt syn. Den handler også om nedsatt hørsel, bevegelighet, konsentrasjon og språkferdigheter.

Standardene deler kravene i fire grunnprinsipper: innholdet skal være mulig å oppfatte, mulig å betjene, forståelig og robust. I praksis blir det konkrete krav om kontrast, tekstalternativer, tastaturnavigasjon og forutsigbar struktur. Prinsippene er ikke bare laget for offentlige nettsteder, de brukes som rettesnor for alle nettsider som retter seg mot allmennheten.

For en lokal tjenestebedrift er dette også et markedsspørsmål. Bufdir sine undersøkelser viser at flest oppgir nedsatt syn som funksjonsnedsettelse, men mange flere bruker nettsiden under forhold som gjør kravene relevante, som liten skjerm, dårlig lys eller en travel situasjon. God universell utforming gjør nettsiden enklere å bruke for alle besøkende.

Hvem kravene gjelder for, og hvem som fører tilsyn

Kravene er nedfelt i forskrift om universell utforming av IKT-løsninger, som bygger på EUs webdirektiv og WCAG. Tilsynet for universell utforming av IKT, som ligger under UUtilsynet, håndhever regelverket og kan følge opp virksomheter som ikke oppfyller kravene. En samlet oversikt over regelverket finner du i guiden om regler for nettsider og netthandel.

Offentlige virksomheter har strengere krav enn private, og kravene er blitt skjerpet over tid. For private bedrifter er hovedregelen at nettsiden skal være universelt utformet dersom den retter seg mot allmennheten, og det gjelder både nye og eksisterende nettsider. Du kan ikke velge det bort fordi virksomheten er liten.

Kjøper du nettside eller digital tjeneste fra en leverandør, bør de konkrete kravene til universell utforming inn i kravspesifikasjonen og kontrolleres før løsningen godkjennes. Det er enklere å kreve retting før signering enn etterpå. Blindeforbundet anbefaler også at universell utforming er en del av designsystemet og komponentbiblioteket, ikke noe som legges til når løsningen er ferdig.

Kravene som oftest svikter i praksis

Kontrast og tekstalternativer er de mest kjente kravene, og fortsatt blant dem som svikter oftest. Bilder som formidler innhold trenger en alt-tekst som beskriver budskapet, ikke bare filnavnet. En forklarende bildetekst hjelper også dem som bruker skjermleser, fordi teksten kan leses opp og bildet blir forståelig.

Skjemaer er den vanligste barrieren i bestillingsflyt og kontaktskjema. Hvert felt trenger en etikett som blir stående synlig, ikke bare en plassholder som forsvinner når man begynner å skrive. Feilmeldinger må beskrive hva som er galt og hvordan det rettes, og de må knyttes til feltet de gjelder. Hele skjemaet skal kunne fullføres med tastatur alene.

Video bør tekstes, og teksten skal kunne forstørres til minst 200 prosent uten at innhold forsvinner. Nettstedet må fungere uten mus, med tydelig fokusmarkering når man tabber seg gjennom siden. WCAG og universell utforming av nettsider går dypere i hvilke kriterier som gjelder og hvordan de tolkes.

Slik bygger du universell utforming inn fra starten

Det billigste tidspunktet å ta hensyn til universell utforming er når nettsiden planlegges. Sett kravene inn i designsystemet: hvilke farger som er tillatt, hvilke skriftstørrelser som brukes, og hvordan knapper og skjemafelt ser ut og oppfører seg. Når komponentene er riktige fra starten, arver alle nye sider kvaliteten.

Bruk standard webteknologi og semantisk HTML, slik elementene er ment å brukes. En knapp skal kodes som en knapp, og en overskrift som en overskrift, med rett nivå. Bruk norsk språkvalg i dokumentet for norsk tekst og engelsk for engelsk tekst, slik at skjermlesere uttaler ordene riktig.

Test med tastatur først: kom deg gjennom meny, skjema og bestilling uten mus. Deretter med skjermleser på de viktigste sidene. Automatiske verktøy fanger opp en del, som manglende tekstalternativer og lav kontrast, men de sier ingenting om hvorvidt rekkefølgen gir mening for et menneske.

Dokumenter som lenkes fra nettsiden, omfattes av samme krav. En PDF uten overskriftsnivåer og lesbar rekkefølge er like utilgjengelig som en dårlig nettside. Bruk forhåndsdefinerte stiler og rett bruk av tabeller når du lager dokumentene.

Hva du bør kontrollere før lansering

Før lansering bør du gjøre en kort gjennomgang: kontrast i menyer og knapper, alt-tekster på bilder som betyr noe, overskriftsnivåer som henger sammen, synlige etiketter i alle skjema, teksting av video og tastaturtilgang til alt som er klikkbart. Ta med tredjepartskomponenter som chat, kart og booking, de er ofte de svakeste leddene.

Universell utforming henger tett sammen med personvern og samtykke. Informasjonskapselbanneret er en del av nettsiden og må kunne brukes med tastatur og skjermleser, akkurat som resten. Personvern og GDPR for nettsider og informasjonskapsler og samtykke er naturlige neste steg etter at det tekniske er på plass.

Skal du først gjøre noe, gjør det i denne rekkefølgen: rett opp barrierer som stopper bruk, som skjema og navigasjon, og ta deretter kosmetiske avvik som kontrast og typografi. Det gir mest nytte for innsatsen. Vil du se hvordan vi bygger nettsider med universell utforming som en del av grunnmuren, kan du book en demo hos Nettsaga.

Vanlige spørsmål

Er universell utforming av nettsider lovpålagt?

Ja, for virksomheter som retter seg mot allmennheten. Kravene står i forskrift om universell utforming av IKT-løsninger, og Tilsynet for universell utforming av IKT fører tilsyn. Offentlige virksomheter har strengere krav enn private.

Hva er WCAG?

WCAG er de internasjonale retningslinjene for tilgjengelig webinnhold, utarbeidet av World Wide Web Consortium. Standarden er grunnlaget for de norske kravene, og kriteriene er delt inn i nivåer.

Hva koster det å gjøre nettsiden universelt utformet?

Det avhenger av hvor mange barrierer som finnes, og om nettsiden skal rettes eller bygges på nytt. Er universell utforming tatt med fra starten, er merkostnaden liten. På en eldre nettside kan enkelte rettelser kreve ny koding. Be om en gjennomgang før du bestiller ombygging.

Gjelder kravene også for dokumenter og video?

Ja. Dokumenter som lenkes fra nettsiden, omfattes av samme krav, og video bør tekstes. Innholdet skal kunne forstørres uten at noe faller bort.

Hvordan sjekker jeg om nettsiden min er universelt utformet?

Start med en tastaturgjennomgang av meny, skjema og bestilling, og test de viktigste sidene med skjermleser. Automatiske verktøy finner en del tekniske feil, men en manuell gjennomgang er nødvendig for å fange opp struktur og rekkefølge.