Slik lager du tilgjengelige nettsider, og samtidig forbedrer SEO og brukeropplevelse

Hva er universell utforming, og hvorfor bør du bry deg?

Universell utforming betyr at nettsidene dine skal fungere for alle, også for de som bruker skjermleser, har nedsatt syn, motoriske utfordringer eller konsentrasjonsvansker.

Men hva betyr det i praksis?

Her er noen eksempler på universell utforming på nett:

• Skjemaer må ha tydelige feltnavn, hjelpetekster og feilmeldinger
• Bilder med alt-tekst som beskriver motiv eller funksjon
• Dekorative elementer skjules for skjermlesere (f.eks. alt="")
• God kontrast mellom tekst og bakgrunn
• Riktig bruk av overskrifter (H1, H2, H3) i logisk rekkefølge
• Lenketekster som forklarer hva du klikker deg inn på
• Hele siden skal kunne brukes med tastatur og ikke bare mus
• Videoer har undertekster eller transkripsjon
• Ingen informasjon som kun formidles med farge (f.eks. «røde felter»)
• Fokusmarkering når man tabber seg gjennom interaktive elementer

Når du bygger med UU i tankene:

• Du åpner innholdet for langt flere – uansett funksjonsevne eller teknologi
• Alle brukere får en enklere, mer intuitiv opplevelse – kke bare de som “trenger det”
• Du styrker synlighet i søk – Google belønner strukturert og tilgjengelig innhold

Les gjerne mer: «Derfor er universell utforming av nettsider viktig»

👇 For mer om hvordan du implementerer dette på dine nettsider – les videre.

Kravene du må vite om (ja, det er lovpålagt!)

Alle virksomheter, både offentlige og private, som tilbyr digitale tjenester, må følge kravene til universell utforming. Dette er fastsatt i forskriften om universell utforming av IKT-løsninger. Offentlige virksomheter har i tillegg flere og strengere plikter, blant annet knyttet til tilsyn og etterlevelse. Men kravene gjelder alle som utvikler eller drifter nettsider, apper og andre digitale løsninger. Les mer om uutilsynet.no (ekstern side).

Universell utforming i praksis: Hvordan ser det ut?

Her er noen konkrete tiltak du kan gjøre for å forbedre tilgjengeligheten på nettsiden:

Struktur og overskrifter

• Bruk kun én H1 per side
• H2 for hoveddeler, H3 for underpunkter – hopp aldri over nivåer
• Overskriftene skal være tydelige og beskrivende

Navigasjon og lenker

• Lenketekster må gi mening uten kontekst
  Unngå kun: Les mer eller Les mer om matproduksjon her.
  Lenk heller hele setningen: «Les mer om matproduksjon»
• Bruk brødsmulesti der det gir mening (f.eks. på større sider og nettbutikker)

Farger og kontraster

• Minimum 4.5:1 kontrast mellom tekst og bakgrunn
• Ikke bruk kun farge for å formidle informasjon (for eksempel «røde felt er påkrevd»)

Bilder

• Alle bilder skal ha alt-tekst som forklarer funksjon eller motiv
  Eksempel: Par bakfra i naturen som ser på solnedgangen
• Dekorative bilder? Bruk tom alt-tekst: alt=""

Tastaturnavigasjon og skjermlesing

• Alt innhold skal kunne brukes uten mus
• Interaktive elementer skal ha tydelig fokusstilstand
• Knapper og skjemaer må ha beskrivende etiketter

Universell utforming = bedre SEO = bedre brukervennlighet

Visste du at tilgjengelighet og synlighet i Google henger tett sammen? Her er noen grunner til at UU er smart SEO:

• Overskrifter i rekkefølge (H1–H3) gir struktur og hjelper Google å forstå innholdet
• Lenketekster og URL-er bør speile H1 og være beskrivende
• Alt-tekst og filnavn på bilder brukes i bildegjenkjenning og vises i søk
• Bruk av punktlister og tabeller gjør innhold lettere å skanne – spesielt viktig på mobil

Når du bygger med universell utforming i bunn, gjør du det ikke bare enklere for Google og skjermlesere, du gjør det enklere og mer intuitivt for alle brukere å finne og forstå innholdet ditt.

Husk dette når du bruker bilder

• Gi bildene meningsfulle og beskrivende filnavn (f.eks. frokostbuffet-detaljbilde-salat-bedriftsnavn.jpg)
• Bruk bindestrek i filnavn (ikke understrek) – da leser Google filnavnet riktig
• Sørg for at filnavn og alt-tekst samsvarer med innholdet
• Slett gamle eller ubrukte bilder for raskere lastetid og bedre oversikt

Trenger du hjelp? Vi bistår gjerne

Universell utforming er ikke noe du trenger å mestre alene. Vi i Haus hjelper deg gjerne med for eksempel:

• Jevnlig kvalitetssikring
• Teknisk rådgivning og design
• Innholdsoptimalisering for tilgjengelighet og synlighet

Ta kontakt med oss – vi hjelper deg gjerne.