Dokumenter på nettsider

Rett bruk av stiler, overskrifter, gode kontraster, tabellstruktur og alternativ tekst på bilder er noe av det du må huske på når du skriver dokumenter som kan lastes ned fra nettet.

Introduksjon

Word-dokumenter, ODF-dokumenter og PDFer som er en del av en nettløsning må også overholde kravene til universell utforming. Poenget er at informasjonen på nettstedet skal finnes i en tilgjengelig versjon. Informasjon som du publiserer på nettet bør som hovedregel legges ut i HTML.

Denne veiledningen gir en oversikt over viktige punkter for å gjøre dokumentene tilgjengelig og lesbare for flest mulig. 

Løsninger som møter kravene i forskriften

Dokumentstruktur, formatering og stiler

Bruk stiler for å definere struktur i dokumentet. Struktur innebærer å definere de ulike typene av innhold i dokumentet, for eksempel overskrifter, lister, tabeller og spalter. Formatering bestemmer hvordan innholdet skal se ut, for eksempel skrifttype, farge eller tekststørrelse.

  • Struktur gir mer informasjon om innholdet i dokumentet utover den synlige formateringen.
  • Et godt strukturert dokument gjør at innholdet blir lest opp riktig av ulike hjelpemidler.
  • Bruk av ferdig definerte stiler gir både et bestemt utseende og gir informasjon om dokumentets struktur.
Bruk stiler i tekstbehandleren til å definere overskrifter, brødtekst og sitat
 
 

En stil er et sett med ferdig definerte formateringsegenskaper som brukes på tekst, tabeller og lister i dokumentet. Når du bruker en stil, bruker du en hel gruppe formater i en enkel operasjon i stedet for å endre skriftstørrelse, skrifttype og farge i hver for seg. Du kan selv forandre hvordan stilene ser ut.

Du kan endre utseendet på stilene
 
 

Bruk av stiler er viktig for å beholde dokumentstrukturen når du konverterer til andre filformater, for eksempel PDF.

Overskrifter

Overskrifter bryter opp teksten og gjør innholdet lettere å lese. Når du definerer en overskrift, er det viktig at du bruker en overskriftsstil. Da kan du få en automatisk generert innholdsfortegnelse, i tillegg til at det blir mulig å navigere i dokumentet ved å hoppe fra overskrift til overskrift.

Bruk stilene for å definere overskrift
 
 

Hvis du ikke bruker overskriftsstiler, men bare endrer selve formateringen på teksten, vil ikke overskriften bli definert som en overskrift. Utseendet kan være identisk, men overskriften vil ikke dukke opp i navigasjonen eller i innholdsfortegnelsen.

Bilder og illustrasjoner

Bilder og illustrasjoner skal ha en alternativ tekst som beskriver innholdet i bildet. Dette fungerer på samme måte som for nettsider, slik at brukere som ikke kan se bildet i dokumentet fortsatt kan få med seg innholdet.

Dersom bildet for eksempel er et diagram eller en illustrasjon som inneholder mye informasjon, må du ha en utdypende forklaring av innholdet. Forklaringen skal stå i direkte tilknytning til illustrasjonen i dokumentet.

Tekst skal du så langt som mulig presentere som tekst, og ikke som bilde av tekst.

Mer informasjon om bilder og grafikk på nettsider.

Tabeller

Tabeller kan være vanskelig å orientere seg i og navigere i for dem som bruker hjelpemidler. Korrekt merking og bruk av overskriftsrader er avgjørende for tilgjengeligheten. Når du bruker tabellverktøyet lager du en strukturert tabell, og det blir mulig for personer som bruker skjermleser å lese tabellen på en oversiktlig måte.

Når du lager tabeller, må du

  • bruke tabellverktøyet i tekstbehandleren
  • definere overskrifter i kolonner og rader
  • ikke bruke tabulatortasten eller mellomromtasten for å lage noe som ser ut som en tabell
  • ikke lime inn bilde av tabell
Bruk tabellverktøyet for å sette inn tabell
 
 

Du kan også sette inn en alternativ tekst for å gi en kort beskrivelse av hva tabellen inneholder og hva innholdet går ut på.

Unngå at tabellene blir for store og omfattende. For å gjøre innholdet lettere å lese, kan det være en fordel å dele opp store tabeller i flere små.

Lister

Bruk listefunksjonen i tekstbehandleren for å opprette punktlister og nummererte lister. De fleste skjermlesere tilbyr funksjonalitet for å navigere direkte til lister. Leseren får også vite hvor mange punkter som finnes i listen.

Lag punktlister med funsjonaliteten i tekstbehandleren
 
 

Spalter

Spalter deler tekst inn i to eller flere kolonner. Dersom du skal strukturere innholdet i spalter, må du benytte funksjonen i tekstbehandleren. Ikke bruk tekstbokser eller tabeller.

Bruk funksjonen i tekstbehandleren for å sette inn spalter
 
 

Sideskift

Hvis du ønsker at en tekstblokk skal starte på en ny side før siden er slutt, skal du bruke sett inn sideskift-funksjonen og ikke enter-tasten.

Kontrast mellom tekst og bakgrunn

For å sikre god lesbarhet må tekst ha tilstrekkelig kontrast mot bakgrunnen. Dette gjelder også for illustrasjoner, grafer og andre bilder av tekst.

  • Vanlig tekst skal ha kontrast på minst 4.5:1
  • Stor tekst skal ha kontrast på minst 3.0:1.

Kontrast kan du måle med gratisverktøy, som for eksempel Colour Contrast Analyser.

Mer informasjon om kontrast.

Farge

Farger kan være en god meningsbærer, og bruk gjerne farger for å gi leseren bedre oversikt. Samtidig kan du ikke bruke farge som eneste informasjonsbærer, fordi vi har ulik evne til å oppfatte farge.

I diagram brukes gjerne ulike farger for å formidle forskjellig informasjon. For at alle seende brukere skal forstå koblingen mellom farge og informasjon, må det også være andre meningsbærere. Det kan for eksempel være at ledeteksten kobles direkte på kakestykket eller grafen, eller at ulike skraveringer benyttes i tillegg til farge.

Mer informasjon om bruk av farger.

Språk og stavekontroll

Du må angi hvilket språk teksten er skrevet på. Når språket er riktig definert, kan skjermlesere automatisk avgjøre hvilken stemme de skal bruke for å lese opp innholdet.

Definer riktig korrekturspråk i dokumentet
 
 

I tekstbehandleren angir du korrekturspråk i både hele teksten og på deler av innholdet. Dette kan gjøres manuelt eller automatisk. Du kan ha flere språk i samme dokument.

Lenker

Lenker skal ha en beskrivende lenketekst, slik at det er lett å forstå hva som er målet til lenkene i dokumentet. Da må enten lenketeksten alene, eller lenketeksten sammen med teksten rundt, beskrive tydelig hva som er lenkens mål.

Det skal også være enkelt for brukeren å se lenkene i dokumentet. Dette betyr at lenker må være markert med mer enn bare farge. Det kan være for eksempel være understreking av lenketekst, eller ikon knyttet til lenken, men gjerne i kombinasjon med farge.

Mer informasjon om lenker på nettsider.

Anbefalinger utover kravene i forskriften

Filformat

Når du publiserer innhold på nettsidene dine, bør du publisere innholdet i HTML-format, med mindre presentasjonen er avhengig av at innholdet er laget i et nedlastbart dokument.

For offentlige virksomheter er det obligatorisk å publisere tekstdokumenter som legges ut på offentlige nettsider (Difi.no) i HTML og CSS. Dersom det er behov for å ivareta formatering utover det som er mulig med CSS, er det obligatorisk å utforme dokumentene i PDF. Du kan gjerne publisere dokumentene i andre formater i tillegg.

Formatering av teksten

  • Unngå utstrakt bruk av kursiv tekst og blokkbokstaver i brødteksten.
  • Bruk en skrifttype med klassisk stil og med unike tegn, slik at brukeren kan kjenne igjen tegnene. Unngå uvanlige skrifttyper som kan oppfattes som «rare» og som tegner opp bokstavene på en uvanlig måte. Skrifttypen bør heller ikke ha for tynn strek.
  • Sørg for at venstre marg er rett og høyre marg ujevn. Da er det lettere å orientere seg i teksten. Unngå blokkjustering av teksten.

Brukerveiledninger for Microsoft Word og OpenOffice.org Writer

Detaljert beskrivelse av hvordan du gjør det i praksis:

Publisert: 18. Feb 2016, Sist endret: 08. sep 2017

Fant du det du lette etter?

Stjerne(*) er obligatoriske felter som du må fylle ut for å sende skjemaet. 

MERK: Du får ikke svar på denne meldingen. Har du spørsmål du ønsker svar på send oss en e-post til uu@difi.no.

Fant du det du lette etter?
*