Visste du at én av fem nordmenn over 18 år har en midlertidig eller varig funksjonsnedsettelse?
Det viser tall fra DFØs innbyggerundersøkelse fra 2019.

Personer med nedsatt funksjonsevne har ofte større vansker med å bruke internett til å skaffe seg informasjon, varer og tjenester, enn befolkningen ellers. Årsaken? Ikke alle nettsider er like flinke til å ta hensyn til universell utforming.

Når vi ikke tar hensyn til universell utforming, risikerer vi å ekskludere mange potensielle kunder. Og det er det vel ingen som ønsker?

Derfor skal vi i dette innlegget gi deg 6 konkrete tips som kan hjelpe deg å gjøre nettsiden din mer tilgjengelig og mer brukervennlig for alle brukere.

Hva er universell utforming?

Universell utforming av IKT (kommunikasjonsteknologi) handler om å lage gode, digitale løsninger som er tilpasset alle i samfunnet, uavhengig av alder, funksjonsevne og utdanningsnivå.

Med andre ord så handler universell utforming av IKT om å tilrettelegge produkter, tjenester og innhold på nett med idéen om at de skal inkludere alle.

Det spiller ingen rolle om funksjonsnedsettelsen er midlertidig, avhengig av situasjon eller permanent. Uansett om du skal kjøpe et produkt, lese noe eller laste ned et dokument, så skal nettsiden være tilrettelagt for deg.

Retningslinjer

I Norge er det faktisk et lovpålagt krav at alle IKT-løsninger skal være universelt utformet. Likevel opplever man å møte på nettsider med dårlige overskrifter og manglende alt-tekster.

Det er derfor viktig at du som publiserer på nett undersøker om innholdet du publiserer ivaretar retningslinjene for WCAG 2.1. (Web Content Accessibility Guidelines). Dette er standarden som beskriver hvordan nettsider skal gjøres mer tilgjengelige. Se WCAG-retningslinjene her.

Når du følger disse retningslinjene, sørger du for at innholdet ditt er i samsvar med loven, samtidig som du gjør nettsiden din lettere og bedre å bruke for alle.

Fordeler med universell utforming

Det er mange gode grunner til å prioritere universell utforming:

Bedre synlighet: strukturert og lettlest innhold gir høyere rangering i søkemotorer

Bedre brukeropplevelse: klart språk og enkel navigasjon gjør nettsiden mer effektiv for alle

Fornøyde kunder: når folk finner det de leter etter, øker sjansen for at de blir værende, handler eller tar kontakt

Universell utforming er altså ikke bare et lovkrav, men en smart investering som gir resultater.

Nå som vi har sett på hva universell utforming er og hvorfor det er viktig, la oss se på hvordan du enkelt kan implementere det i praksis.

6 enkle grep for mer tilgjengelig innhold

1. Skriv enkelt og forståelig

Selv om det ikke er et lovkrav, er klart språk viktig for å unngå misforståelser.

Hvis en tekst er vanskelig å forstå, kan det føre til uklarheter og unødvendige henvendelser på e-post eller telefon. Ved å bruke litt ekstra tid på å skrive tydelig, kan man spare både tid, penger og frustrasjon.

En god tekst gjør det enkelt for leseren å finne, forstå og bruke informasjonen som deles. For å oppnå dette, kan disse skriverådene være nyttige:

• Tenk over hvem du skriver til, og hvorfor du skriver
• Skriv direkte til leseren
• Strukturer teksten logisk, med det viktigste først
• Bruk korte setninger og enkle ord
• Forklar fremmedord og faguttrykk

Se flere skriveråd på sprakradet.no

2. Bruk overskrifter på riktig måte

Rett bruk av overskriftsnivåer er kanskje et av de viktigste virkemidlene for å skape en strukturert og oversiktlig tekst. Når overskriftene er tydelige og følger en logisk rekkefølge, blir teksten enklere å lese både for mennesker og skjermlesere.

Hvordan kode overskrifter?

Overskrifter kodes ved hjelp av overskriftelementene <h1> til <h6>. Disse deler opp teksten i kapitler og delkapitler på ulike nivåer.

• h1 brukes til hovedtittelen som forteller hva teksten handler om
• h2 brukes til overskrifter i brødteksten, mens h3 brukes til mellomoverskrifter
• h4-h6 brukes for å videre understreke strukturen av teksten

Rekkefølgen på nivåene skal også være korrekt. Du skal bevege deg nedover ett nivå av gangen, for eksempel fra h1 til h2 og deretter til h3.

3. Ikke glem alt-tekster

Ordtaket “et bilde sier mer enn 1000 ord” stemmer for de fleste av oss, men det stemmer ikke alltid for alle.

Ikke alle kan se bilder, symboler eller ikoner. Derfor må vi alltid ha et tekstlig alternativ - en alt-tekst.

En alt-tekst er en alternativ tekst som beskriver innholdet eller funksjonen i bildet. Alt-teksten gjør at brukere som ikke kan se bilder fortsatt kan få med seg innholdet.

Hvordan lage alt-tekster?

Alt-teksten skal gi en kort og konkret beskrivelse av hva som skjer på bildet, uten å gjenta innholdet i teksten på nettsiden.

Hvis et bilde viser to markedsførere som holder en presentasjon, så kan man skrive “to markedsførere holder en presentasjon” som alt-tekst.

Der bildet eller illustrasjonen er ment som pynt, så skal alt-teksten være tom. Bildet har da ingen betydning for budskapet, og en skjermleser burde ignorere bildet.

4. Legg til tekst som tekst

Grafer, diagrammer og andre illustrasjoner vises ofte som bilder, og da blir teksten inni bildet usynlig for både skjermlesere og søkemotorer. Derfor må viktig informasjon alltid legges inn som ekte tekst utenfor bildet.

Huskeregelen er enkel: tekst skal være tekst, ikke bilde av tekst.

5. Synliggjør lenkene

En lenketekst bør kunne forstås alene, uten at leseren må se på resten av setningen. Hvis en lenke for eksempel bare heter «Google», er det umulig å vite om den peker til forsiden eller til en bestemt underside.

For universell utforming er dette ekstra viktig. Brukere som navigerer med skjermleser får ofte lenkene lest opp som en liste, uten konteksten rundt. Da blir utydelige lenketekster som «klikk her» eller «les mer» rett og slett meningsløse.

Ved å skrive korte og presise lenketekster som tydelig beskriver formålet, sikrer du at alle brukere forstår hvor lenken fører – uansett hvilke hjelpemidler de bruker.

Her er to eksempler på hvordan man kan skrive ut en lenke:

Dårlig

• Se nyhetene her
• Klikk her for bilder

Bra

• Se alle høstnyhetene her
• Se alle bildene fra E-handelsdagen her

6. Teksting av video og lydklipp

Video og lyd er effektive måter å formidle budskap på, men uten teksting blir innholdet utilgjengelig for mange. Det er derfor viktig at innholdet alltid kommer frem i form av tekst.

Husk dette når du tekster:

• Teksten skal gjengi tale og viktige lyder (som musikk, latter og effekter)
• Angi hvem som snakker, og beskriv viktige hendelser
• For å sikre god lesbarhet, må teksten ha tilstrekkelig kontrast mot bakgrunnen
• Teksten skal være kodet som tekst (ikke som bilde), slik at den kan oppfattes av alle
• Hvis direkte teksting ikke er mulig: legg til en kort beskrivelse ved siden av videoen eller lydklippet, som forklarer budskapet på en enkel måte.

Se flere retningslinjer om video og lydopptak på uutilsynet.no

Gjør nettsiden mer tilgjengelig

Med de 6 nevnte grepene kan du gjøre nettsiden din mer tilgjengelig og skape en bedre brukeropplevelse for alle, samtidig som du styrker virksomhetens synlighet, tillit og resultater.

Det kaller vi en vinn-vinn-situasjon.

Lurer du på hvordan du kan forbedre nettsiden din? Ta kontakt med oss i INEVO, vi hjelper deg gjerne.