Universell utforming for redaktører

Du som redaktør har et stort ansvar for å sikre at alle kan bruke og forstå innholdet på nettstedet ditt. 

Introduksjon til universell utforming

Hva er universell utforming?

Universell utforming (UU) betyr å lage nettsider, apper og digitale tjenester slik at alle mennesker kan bruke dem – uavhengig av funksjonsevne.

Følger du rådene på denne siden er du godt på vei.

Skriv enkelt og forståelig

Klarspråk går hånd i hånd med universell utforming og handler om å skrive tekster som er lette å lese, forstå og bruke. 

Vi må sikre at mottakerne:

  1. Finner det de trenger
  2. Forstår det de finner
  3. Kan bruke det de finner til å gjøre det de skal

💡 Som redaktør er du lovpålagt å skrive i klart språk, i helhold til språkloven.

Overskrifter og mellomtitler

For at overskriftene skal være universelt utformet må de formateres riktig i ACOS CMS. 

Overskrift 2

Bruk på alle mellomtitler i en tekst.

Overskrift 3

Bruk kun hvis den hører til under Overskrift 2.

Kursiv

Unngå å bruke kursiv, for det er vanskelig å lese for mange med lese- og skrivevansker

Fet skrift

Unngå å bruke fet skrift på mellomtitler. Det er brudd på universell utofmring. 

Formatering av overskrifter i ACOS CMS - Klikk for stort bilde

Lag lenker som er universelt utformet

Lenken skal beskrive tydelig hvor brukeren havner hvis de trykker på den.  

Vi skriver ✅

Vi skriver ikke ⛔

Tips til å lage gode lenker

  • 7-12 ord i en lenke fungerer godt
  • Åpne lenken i samme vindu, ellers bryter du den viktigste livsbøyen for brukeren: Tilbakeknappen. 
  • Maks én knapp per side
  • Færrest mulig lenker på én side

Unngå pyntebilder og bilde av tekst

Bruk kun bilder dersom det gir merverdi til teksten og hjelper brukeren å løse oppgaven sin. 

Unngå pyntebilder ⛔

Bilde av en rød buss som står på en holdeplass - Klikk for stort bildeEt bilde av en buss er brukt for å pynte artikkelen om skoleskyss, men det hjelper ikke brukeren til å forstå om de har rett på gratis skyss eller ikke.

Unngå tekst oppå bilder⛔

Unngå skjermbilder av tekst⛔

Skjermbilder av teksy - Klikk for stort bildeDenne kommunen har lagt ut et bilde av skoleruten. Leseverkøy kan ikke lese innholdet her. En bedre løsning hadde vært å legge innholdet inn som tekst i ACOS CMS.

Alternativ tekst på bilder

Legg inn ALT-tekst (alternativ tekst) på alle meningsbærende bilder.  ALT-tekst beskriver hva bildet viser slik at brukere som ikke ser bildet likevel får med seg innholdet. Du skal ikke legge inn ALT-tekst på eventulle pyntebilder.

Brukt punktlister

  • Bruk punktlister framfor kommaseparerte lister
  • Huskeregel: Hvis du ramser opp tre eller flere ting, bruk punktliste
  • Bruk punktliste-formatering fra ACOS CMS

Video og lyd

  • Forhåndsinnspilt video (videoopptak) med lyd skal være tekstet. 
  • Dersom videoopptaket er uten lyd, skal det finnes et alternativ i form av en tekstbeskrivelse eller et lydklipp som formidler den samme informasjon som videoen.
  • Forhåndsinnspilt lydklipp (lydopptak) skal ha et tekstalternativ som beskriver innholdet i lydopptaket. 
  • Sørg for at bruker kan stoppe lyd som starter automatisk.
  • Sørg for at det ikke legges inn elementer (animasjoner el.) som blinker mer enn tre ganger per sekund.

Video og lydopptak på nettsidene fra uu-tilsynet

Kontrast og farge

For å sikre god lesbarhet skal all tekst ha tilstrekkelig kontrast mot bakgrunnen. Det finnes mange verktøy som kan sjekke dette for deg.

Dette er spesielt viktig å sjekke hvis du lager egne fargekoder i blokker i ACOS CMS.

Sjekkliste før publisering ✅

  • Har du brukt riktig formatering på overskriftene?
  • Er lenker universelt utformet?
  • Har alle bildene alt-tekst?
  • Er teksten skrevet i klarspråk?
  • Er teksten lett å skumme med mellomtitler, punktlister og riktig bruk av funksjonalitet?
  • Har du riktig kontrast på farger i blokker?
  • Har du unngått PDF-er, Word- og Excel-filer?

Vil du lære mer?