Universell utforming
Universell utforming betyr at alle kan bruke nettstedet. Det gjelder også dem som bruker skjermleser, forstørrer teksten eller navigerer med tastatur. Det tekniske er innebygget i nettsidemalen. Innholdet du legger inn, avgjør resten.
Innebygget i nettsidemalen
- Nettsidemalen er bygget etter WCAG 2.1 nivå AA.
- Kontrast, tastaturnavigasjon og visning på mobil er på plass.
- Sidetittelen blir automatisk hovedoverskrift.
Les mer om kvaliteten i nettsidemalen.
Dette gjør du
- Overskrifter i rekkefølge. Bruk H2 for seksjoner og H3 bare under en H2. Hopp aldri over et nivå. Skriv titler og overskrifter
- Ekte lister. Bruk knappen for punktliste eller nummerert liste når du lister opp tre eller flere ting. Skriv for nett
- Lenketekst som sier hvor lenken går. Skriv gode lenker
- Alt-tekst eller dekorativt. Bilder som viser noe leseren trenger å vite, får alt-tekst. Bilder som bare er pynt, merker du som dekorative. Legg inn et bilde
- Tekst som tekst. Frister, åpningstider og kontaktinformasjon står som tekst på siden, aldri bare i et bilde eller en skannet PDF. Publiser et dokument
- Teksting av video. Lydopptak får en transkripsjon på siden. Legg inn video
- Klarspråk. Korte setninger og vanlige ord hjelper alle lesere. Skriv for nett
Eksempel
Section titled “Eksempel”| Gjør dette | Unngå dette |
|---|---|
| H2 Skolepenger, med H3 Søskenmoderasjon under | Fet skrift som overskrift |
| Tre punkter laget med knappen for punktliste | Tre linjer som begynner med bindestrek |
| Les om søknadsprosessen | Klikk her |
| Åpningstidene skrevet som tekst på siden | Et bilde av oppslaget med åpningstidene |
Unngå dette
Section titled “Unngå dette”- Fet skrift som overskrift. Den ser ut som en overskrift, men skjermlesere og søkemotorer ser den som vanlig tekst.
- Hopp i overskriftsnivåene. Går siden fra H2 rett til H4, ser det ut som et avsnitt mangler.
- Lister laget med bindestrek eller linjeskift. Skjermleseren leser dem som vanlig tekst.
- Viktig informasjon bare i bilde, PDF eller video. Den som ikke ser, hører eller kan åpne filen, mister informasjonen.
Følg med over tid
Section titled “Følg med over tid”- Bilder uten alt-tekst. Pages merker bilder som verken har alt-tekst eller er merket som dekorative. Se etter merket når du oppdaterer en side.
- Eldre PDF-er. Skriv innholdet som tekst på siden når du likevel oppdaterer den.
- Nye redaktører. Del denne siden med dem når de får tilgang.
- Tilgjengelighetserklæringen. Den beskriver hvor godt nettstedet følger kravene. Les om erklæringene
Slik gjør du det i Pages
Section titled “Slik gjør du det i Pages”Hvorfor
Section titled “Hvorfor”Skjermleseren kan liste opp alle overskriftene på en side, som en innholdsfortegnelse. Mange hopper mellom dem for å finne det de leter etter. Den sier også hvor mange punkter en liste har. Det virker bare når overskrifter og lister er laget med knappene i Pages.
Nettsidemalen gir nettstedet et godt utgangspunkt. Om nettstedet er universelt utformet, avhenger likevel av innholdet. Skolen har ansvaret for innholdet.
Les mer
Section titled “Les mer”- E-læringskurs om universell utforming av nettinnhold hos Tilsynet for universell utforming av ikt
- Universelt utformede dokumenter hos Tilsynet for universell utforming av ikt
- Klarspråk hos Språkrådet
- WCAG 2.1 på norsk, den autoriserte oversettelsen