Se kort introduksjonsvideo om universell utforming:
Hva er redaktørens ansvar? 💡
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:
- Finner det de trenger
- Forstår det de finner
- 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.
1. 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.
Tips til gode overskrifter
Overskriften gi mening alene, uten hjelp fra ingressen.
- Lag korte, presise titler
- Bruk ord brukeren forstår og søker etter, ikke stammespråk
- Unngå utropstegn, kolon og mange spørsmålstegn
Borgerlig vigsel i kommunehuset
2. Ingress
Skriv den viktigste informasjonen for brukeren om tjenesten.
- Lag korte ingresser
- Maks 30 ord, en til to setninger
- Bruk normal tekst, ikke kursiv eller fet
Klikk for stort bilde
Klikk for stort bilde
3. Del opp teksten i avsnitt
Unngå lange setninger og avsnitt. Det gir dårligere rangering i søk, og er vanskelig å skumme
- Del opp lange tekster i avsnitt
- Bruk mellomtitler hyppig
- Ett tema per avsnitt - ofte også bare én setning
Klikk for stort bilde
Klikk for stort bilde
Lag lenker som er universelt utformet
Lenken skal beskrive tydelig hvor brukeren havner hvis de trykker på den.
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
Bruk minimalt med bilder
Bruk kun bilder dersom det gir merverdi til teksten og hjelper brukeren å løse oppgaven sin.
Unngå pyntebilder
Bilde av en buss hjelper ikke brukeren å få løst oppgaven sin.
En veiviser derimot hjelper brukeren på vei til å få løst oppgaven.
Unngå tekst oppå bilder
Unngå å skrive tekst på bilder. Det bryter med universell utforming.
Bruk bookingløsningen som er universelt utformet.
Unngå skjermbilder av tekst
Denne 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.
Denne skoleruten er i motsetning til bildet over lesbar for leseverktøy.
Tips til bildebruk
Brukerne kommer for å fø løst oppgaven sin, og det gjør de hovedsakelig i tekst. Vi skal ha brukeren i sentrum, og derfor alltid prioritere å gi innhold som hjelper brukeren med å gjøre det de kom for å gjøre på siden.
Still deg derfor spørsmålet: Bruker jeg bilde her for å pynte på siden, eller gir bildet merverdi til teksten og hjelper brukeren med å få svar på det de trenger?
Alternativ tekst på bilder
Legg inn ALT-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å pyntebilder. Bare la feltet stå tomt.
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.
- 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?