Universell utforming nettside: krav og praksis

Universell utforming nettside betyr at siden kan brukes av flest mulig, også personer som bruker tastatur, skjermleser, forstørring eller trenger god kontrast. For en norsk bedrift er dette både et lovkrav, et kvalitetskrav og et konverteringskrav.

Mange tenker på universell utforming som noe offentlig sektor må bry seg om. Det er for snevert. Hvis en kunde ikke klarer å lese teksten, bruke menyen, fylle ut skjemaet eller forstå feilmeldingen, mister du ikke bare tilgjengelighet. Du mister tillit.

Hos wevo bygger jeg nettsider for bedrifter i Norge med tilgjengelighet som del av grunnmuren. Ikke som et tillegg helt til slutt, men som en naturlig del av design, kode, innhold og testing.

Hva betyr universell utforming nettside?

Universell utforming av nettsider betyr at løsningen er laget slik at mennesker med ulike behov kan bruke den. Det handler om kontrast, tekststørrelse, tastaturnavigasjon, skjermleser, struktur, lenketekster, skjema, feilmeldinger, video, bilder og mobilbruk. Uu-tilsynet forklarer kravene til universell utforming av IKT i Norge, og WCAG er den tekniske standarden som brukes som grunnlag.

Tenk på Anne, som driver en frisørsalong i Bergen. Hun har en fin nettside, men bestillingsknappen har lav kontrast, menyen virker dårlig med tastatur, og skjemaet sier bare feil når noe mangler. For Anne føles siden ferdig. For kunden som ikke får bestilt time, føles siden ødelagt.

Hvilke krav gjelder for norske nettsider?

Norske virksomheter må forholde seg til regelverk for universell utforming av IKT. Uu-tilsynet beskriver kravene og peker på WCAG-kriteriene som brukes for nettløsninger. I praksis betyr det at nettsiden må være mulig å oppfatte, betjene, forstå og bruke med ulike hjelpemidler. For oppdatert regelverk bør du sjekke uutilsynet.no og relevante sider om WCAG og IKT-krav.

Hva er de vanligste feilene på bedriftsnettsider?

De vanligste feilene er sjelden avanserte. De er små valg som gjentas: for lav kontrast, knapper uten tydelig tekst, bilder uten alt-tekst, skjema uten labels, overskrifter i feil rekkefølge og fokusmarkering som er fjernet fordi noen syntes den var stygg. Resultatet er en side som ser pen ut, men er vanskelig å bruke.

1. Sjekk at tekst og knapper har god kontrast mot bakgrunnen.
2. Naviger hele siden med tastatur uten å bruke mus.
3. Se om fokusmarkering er synlig når du tabber gjennom siden.
4. Kontroller at alle skjema har labels og tydelige feilmeldinger.
5. Bruk riktig rekkefølge på H1, H2 og H3.
6. Skriv alt-tekst som beskriver meningsbærende bilder.
7. Test siden på mobil med forstørret tekst.

En tannlege i Trondheim kan tape pasienter hvis skjemaet er vanskelig å bruke. En byggmester i Tromsø kan tape forespørsler hvis prosjektbildene ikke forklares godt nok. En restaurant kan tape bordbestillinger hvis menyen bare ligger som bilde uten tekst. Dette er ikke teori. Det er kontaktpunkter som enten virker eller ikke virker.

Det samme gjelder språk. En knapp som sier send er grei, men en knapp som sier send forespørsel er bedre. En feilmelding som sier feil er dårlig, men en feilmelding som sier skriv inn telefonnummer er nyttig. Tilgjengelighet handler ofte om å fjerne gjetting.

Hvordan bør innhold skrives for universell utforming nettside?

God tilgjengelighet sitter også i teksten. Korte setninger, konkrete overskrifter og tydelige lenker gjør siden lettere å bruke. Ikke skriv klikk her. Skriv hva lenken gjør. Ikke gjem viktig informasjon i lange avsnitt. Bruk mellomtitler som sier hva kunden får svar på.

• Skriv lenketekst som gir mening alene.
• Bruk ett hovedpoeng per avsnitt.
• Unngå fagord når kunden ikke trenger dem.
• Forklar skjema og valg før kunden må fylle ut.
• La viktige handlinger ha konkret tekst.

Hvordan påvirker universell utforming konvertering?

Universell utforming og konvertering peker ofte i samme retning. En tydelig knapp hjelper både en skjermleserbruker og en stresset mobilkunde. God kontrast hjelper både svaksynte og folk som står ute i sollys. Klare feilmeldinger hjelper både personer med kognitive utfordringer og alle som fyller ut skjema fort.

• Tydelige knapper gjør neste steg enklere.
• Riktig struktur gjør siden lettere å forstå for mennesker og søkemotorer.
• Gode skjema gir færre avbrutte henvendelser.
• Alt-tekst hjelper både tilgjengelighet og innholdsforståelse.
• Mobilvennlighet blir bedre når interaksjoner bygges med nok plass.

Hvordan bygger wevo universell utforming inn i nettsider?

Jeg starter med struktur. En side må ha ryddige overskrifter, ekte knapper, riktige lenker og skjema som kan forstås av nettleseren. Deretter kommer design: kontrast, luft, lesbar tekst, tydelige hover og focus-states. Til slutt testes siden praktisk med tastatur, mobil og automatiske verktøy.

Dette henger tett sammen med responsiv nettside, Core Web Vitals og vedlikehold av nettside. En tilgjengelig side må også være rask, stabil og vedlikeholdt. Hvis nye blokker legges inn senere uten samme kvalitet, kan tilgjengeligheten forvitre.

Hva bør du sjekke før lansering?

Før lansering bør universell utforming sjekkes som en del av kvalitetssikringen, ikke som en panikkrunde. Det viktigste er å teste ekte brukerflyter: åpne menyen, lese tjenestesiden, fylle ut skjema, sende henvendelse og finne kontaktinfo. Hvis disse flytene fungerer godt, har siden et bedre fundament.

1. Test hovedmeny, CTA og skjema med tastatur.
2. Kontroller kontrast på tekst, knapper og lenker.
3. Les siden med overskriftsstruktur, ikke bare visuelt.
4. Sjekk alt-tekst på bilder som bærer mening.
5. Se at feilmeldinger forklarer hva kunden må rette.
6. Test forstørret tekst og vanlig mobilskjerm.

Vil du bygge dette riktig fra starten, bør universell utforming inn i kravene til nettsider for bedrifter. Det gir en side som tåler både kunder, lovkrav og videre vekst bedre.

For meg er dette håndverk. En nettside skal ikke bare imponere ved første blikk. Den skal fungere når kunden har dårlig tid, dårlig lys, svak motorikk, svak skjerm eller bruker hjelpemidler. Da blir siden mer robust for alle.

Det er også lettere å vedlikeholde en side som er bygget riktig. Når struktur, kontrast og skjema sitter fra starten, slipper du å reparere de samme feilene hver gang siden vokser.