Universell utforming av nettsider

• Tenk over hvem du skriver for.
• Finn ut hva du vil at leseren skal vite eller gjøre.
• Skriv det viktigste først.
• Skriv direkte til leseren.
• Bruk aktivt språk og velg verb som gjør innholdet tydelig.
• Ha passe lange avsnitt.
• Skriv kortfattet, men ikke banalt.
• Forklar fremmedord og faguttrykk, og bruk dem bare der det er nødvendig.

• Sørg for at hovedoverskriften automatisk blir kodet rett av publiseringsverktøyet.
• Bruk mellomoverskrifter for å lage struktur og dermed øke lesbarheten.
• Unngå å lage mellomoverskrifter ved bruk av fet skrift. Benytt heller innebygde stiler for å definere disse. Dersom noen overskriftsnivåer mangler, er det systemansvarlig som kan gjøre noe med dette.
• Bruk rett nivå på mellomoverskriftene (overskrift 2, overskrift 3 osv).

Les mer om overskrifter i tekst og struktur på uutilsynet sine nettsider.

Dette er en overskrift 2

Den skal alltid brukes som overskrift, med mindre man vil ha en mellomoverskrift under denne igjen.

En overskrift 3 ser slik ut

De kan man også ha flere av under en overskrift 2.

• Skriv forklarende lenketekster som forklarer hva du finner og hvor du kommer.
• Lenketeksten bør stå for seg selv eller i slutten av et avsnitt.
• Knapp eller tekst? Bruk knapp hvis man kommer til et sted hvor man skal utføre en handling.

Åpne i samme fane eller ny fane?

• Lenker til en side på nettsiden vår åpnes i samme fane.
• Lenker som går til et annet sted enn vår hjemmeside åpnes i ny fane.
• Søknadsskjemaer og dokumenter skal åpnes i ny fane.

Eksempel på en god lenke

Du kan lese mer om pappapermisjon på nav.no.

Husk at bilder må ha en alternativ tekst 

En alternativ tekst skal beskrive hva det er bilde av, slik at svaksynte og blinde kan forstå innholdet ved hjelp av leseverktøy.

Unntak:

• Dekorbilder skal ikke ha alternativ tekst. Det vil virke forstyrrende for personer som bruker leseverktøy.

Bilder med tekst 

Tekst skal du så langt som mulig presentere som tekst, og ikke som bilde av tekst. Dette fordi tekstkvaliteten blir dårlig ved forstørring, og hjelpemiddel ikke kan dra nytte av teksten i bildet.

Unntak:

Det finnes unntak, for eksempel er det vanligvis nødvendig med tekst i diagrammer og organisasjonskart.

Lister

Å bruke lister (punktlister og nummererte lister) kan forbedre lesbarheten veldig.
Bruk lister så fort du skal ramse opp mer enn 3-4 ting.

Husk riktig koding av lister – bruk publiseringsverktøyet.

Tabeller

Husk riktig koding av tabeller– bruk publiseringsverktøyet. 

• Begrens bruken av PDF så langt det lar seg gjøre.
• Aldri henvis til en PDF for viktig informasjon. Publiser heller innholdet direkte på nettsiden som ren tekst.
• Krav om universell utforming gjelder også i alle dokumenter vi legger ut på nett.
• Filnavnet må beskrive dokumentets innhold.

Bruk gjerne video og lydklipp til å formidle informasjon. Det er mange som foretrekker denne måten å få informasjon på.

Når du bruker video

• Sørg for teksting av filmen. Da kan brukere som ikke har mulighet til å høre lyden, forstå hva filmen handler om.
• Skriv en kort tekst om hva videoen handler om, slik at brukerne skjønner om den er relevant eller ikke.

Når du bruker lydklipp

• Sørg for å gjengi informasjonen også som tekst. Dette er for brukere som ikke kan høre lydklippet, slik at de kan forstå hva det handler om.