Universell utforming på steinerskolenes nettsider
11. Juni 2026
Norsk lov krever at nettsteder møter WCAG 2.1 nivå A og AA. Steinerskolenes nettstedsmal er gjennomgått, testet og rettet mot disse kravene. Denne artikkelen beskriver hva som er implementert og hva skolen selv har ansvar for.
Lovkravet
Forskrift om universell utforming av IKT pålegger alle virksomheter, inkludert private skoler, å følge WCAG 2.1 på nivå A og AA. Det stilles også krav om en tilgjengelighetserklæring der eventuelle avvik fra standarden er dokumentert.
WCAG er et internasjonalt regelverk for tilgjengelige nettsider. Kravene dekker blant annet tastaturnavigasjon, skjermleserstøtte, fargekontrast og synlige fokusindikatorer.
Slik er dennenettstedmalen testet
Malen er gjennomgått med flere metoder:
- Automatisert skanning med axe DevTools og Lighthouse på alle sidemaler – forside, nyhetsartikkel, søkeresultater, skolerute, kontaktside
- Manuell tastaturtest på alle interaktive elementer og sidemaler
Tastaturnavigasjon
Alle interaktive elementer på nettstedet kan nås og aktiveres med tastaturet alene. Det gjelder navigasjonsmenyen, menyknappen på mobil, søkefeltet, lenker, knapper og nedlastingstabellen.
Øverst på alle sider ligger en «Hopp til innhold»-lenke. Den er usynlig til den får fokus, og sender brukeren direkte til hovedinnholdet. Det gjør at tastaturbrukere slipper å tabullere gjennom hele navigasjonen på hver side.
Toppteksten skjuler seg når brukeren scroller ned. Når den er skjult, fjernes den også fra tabulatorrekkefølgen slik at fokus ikke havner i usynlige lenker.
Alle fokusindikatorer er verifisert mot WCAG 2.4.7 – kravet om at fokusert element skal være synlig med minst 3:1 kontrastforhold.
Skjermleserstøtte
Navigasjon. Toppnavigasjonen er merket med ‘aria-label=“Hovednavigasjon”’ og mobilmenyen med ‘aria-label=“Mobilnavigasjon”’. Skjermlesere presenterer dem som to separate navigasjonsregioner. Aktiv side i menyen er merket med ‘aria-current=“page”’ slik at brukeren vet hvilken side de er på.
Overskriftshierarki. Nyhets- og søkeresultatsider har overskriftsnivåer uten hopp. Kortoverskrifter i nyhetslister er H2, siden de er de primære innholdselementene på siden og skal ligge ett nivå under sidens H1.
Bilder. Dekorative bilder i kort og herosekvenser er markert med ‘alt=""’. Det gjør at skjermleseren hopper over bildet og leser overskriften i stedet, som er det relevante innholdet i en kortlenke.
Nedlastingstabellen. Tabellen med vedlegg har en usynlig bildetekst («Nedlastbare filer») og kolonneoverskrifter. Det gjør at skjermlesere kan identifisere tabellens formål og hva to kolonnene inneholder.
Innebygde videoer. Videoer og andre innbygde medier fra CMS-innhold får automatisk en tittel-attributt hvis redaktøren har utelatt den. Det hindrer at skjermlesere møter en navnløs iframe.
Paginering. Sidetallsnavigasjonen er merket på norsk: «Forrige side», «Neste side» og «Side N». Skjermlesere leser opp disse etikettene i stedet for bare sidetall.
Sidespråk. HTML-elementet er merket med ‘lang=“nb”’. Skjermlesere bruker dette til å velge riktig norsk stemme og uttale.
Fargekontrast
Alle seks fargepaletter er testet mot WCAG 1.4.3 – kravet om 4,5:1 kontrastforhold mellom tekst og bakgrunn for vanlig tekst, og 3:1 for stor tekst og UI-elementer. Temaet skolen får tildelt møter disse kravene.
Redusert bevegelse
Brukere som har aktivert «Reduser bevegelse» i operativsystemet sitt får en versjon av nettstedet uten bevegelsesanimasjoner. Navigasjonens inn- og ut-animasjoner og headerens scroll-overgang slås av. Fargebaserte tilbakemeldinger, som fokusmarkering og hover-tilstand, beholdes.
Tilgjengelighetserklæringen
Malen leveres med en ferdig sidetype for tilgjengelighetserklæring. Siden ligger i bunnteksten ved siden av personvernerklæringen og er ekskludert fra toppnavigasjonen.
Sidetypene og teknisk struktur er på plass. Innholdet i erklæringen – beskrivelse av eventuelle avvik, kontaktpunkt for tilbakemeldinger og dato for siste gjennomgang – fyller skolen inn i CMS.
Hva skolen fyller inn selv
Noen tilgjengelighetskrav avhenger av innholdet redaktørene legger inn:
- Alternativ tekst på bilder. CMS har et eget felt for alternativ tekst. Informative bilder bør ha beskrivende alternativ tekst. Dekorative bilder kan stå uten; malen håndterer det teknisk korrekt.
- Meningsfulle overskrifter. Artikkeltekster med flere seksjoner bør bruke H2-overskrifter i brødtekstfeltet.
- Kontaktinformasjon i klartekst. Adresse, telefon og e-post bør stå som tekst på siden, ikke bare i et bilde.
- Innholdet i tilgjengelighetserklæringen skrives av skolen og oppdateres ved vesentlige endringer på nettstedet.