Kunnskap
WCAG 2.1 AA oppslagsverk for norske nettsider
En praktisk guide til lovkravene for universell utforming med kodeeksempler, feilretting og forklaringer på ren norsk.
19 av 19 kriterier
1. Mulig å oppfatte
- WCAG 1.1.1 · Nivå A
Ikke-tekstlig innhold
Alt meningsbærende ikke-tekstlig innhold — bilder, ikoner, knapper og grafikk — skal ha et tekstalternativ som formidler samme informasjon.
Les krav og se kodefiks →
- WCAG 1.3.1 · Nivå A
Informasjon og relasjoner
Struktur som overskrifter, lister, tabeller og skjemarelasjoner skal ligge i koden, ikke bare i det visuelle utseendet.
Les krav og se kodefiks →
- WCAG 1.4.1 · Nivå A
Bruk av farge
Farge kan ikke være det eneste kjennetegnet på meningende — for eksempel lenker, påkrevde felt eller feil.
Les krav og se kodefiks →
- WCAG 1.4.3 · Nivå AA
Kontrast (minimum)
Vanlig tekst skal ha minst 4,5:1 i kontrast mot bakgrunnen. Stor tekst (18 pt eller 14 pt fet) skal ha minst 3:1.
Les krav og se kodefiks →
- WCAG 1.4.4 · Nivå AA
Endring av tekststørrelse
Tekst skal kunne forstørres til 200 prosent uten tap av innhold eller funksjon, uten at brukeren trenger hjelpemiddel.
Les krav og se kodefiks →
- WCAG 1.4.10 · Nivå AA
Ombrekking
Innhold skal kunne vises i 320 CSS-piksler bredde uten at brukeren må scrolle i to retninger, med noen unntak for tabeller og kart.
Les krav og se kodefiks →
- WCAG 1.4.11 · Nivå AA
Kontrast for ikke-tekstlig innhold
UI-komponenter og meningsbærende grafikk skal ha minst 3:1 i kontrast mot tilstøtende farger — inkludert kanter, ikoner og fokusmarkering.
Les krav og se kodefiks →
2. Mulig å betjene
- WCAG 2.1.1 · Nivå A
Tastatur
All funksjonalitet skal kunne brukes med tastatur alene, uten krav om spesifikk timing for tastetrykk.
Les krav og se kodefiks →
- WCAG 2.1.2 · Nivå A
Ingen tastaturfelle
Tastaturfokus skal kunne flyttes til og fra alle deler av siden med bare tastaturet — uten å sitte fast.
Les krav og se kodefiks →
- WCAG 2.4.1 · Nivå A
Hoppe over blokker
Brukere skal kunne hoppe over gjentatt innhold som meny og header, typisk med en «Hopp til innhold»-lenke og et main-landemerke.
Les krav og se kodefiks →
- WCAG 2.4.2 · Nivå A
Sidetitler
Hver side skal ha en <title> som beskriver emnet eller formålet — unik og forståelig utenfor konteksten.
Les krav og se kodefiks →
- WCAG 2.4.4 · Nivå A
Formål med lenke (i kontekst)
Formålet med hver lenke skal kunne forstås fra lenketeksten alene, eller fra teksten pluss den programmatiske konteksten.
Les krav og se kodefiks →
- WCAG 2.4.6 · Nivå AA
Overskrifter og ledetekster
Overskrifter og ledetekster skal beskrive emne eller formål. De skal være presise, ikke bare «Info» eller «Fortsett».
Les krav og se kodefiks →
- WCAG 2.4.7 · Nivå AA
Synlig fokus
Tastaturfokus skal være synlig. Brukeren skal alltid se hvilket interaktivt element som er aktivt.
Les krav og se kodefiks →
3. Forståelig
- WCAG 3.1.1 · Nivå A
Språk på siden
Hovedspråket på siden skal være angitt i koden, typisk lang="nb" på <html>, slik at skjermlesere uttaler riktig.
Les krav og se kodefiks →
- WCAG 3.2.2 · Nivå A
Ved inndata
Å fylle inn et felt eller endre en kontroll skal ikke automatisk utløse et kontektskifte — som ny side eller innsending — uten forvarsel.
Les krav og se kodefiks →
- WCAG 3.3.1 · Nivå A
Identifikasjon av feil
Hvis en feil oppdages automatisk, skal den beskrives i tekst og knyttes til feltet som feilet.
Les krav og se kodefiks →
- WCAG 3.3.2 · Nivå A
Ledetekster eller instruksjoner
Skjemafelt skal ha ledetekster eller instruksjoner når brukeren skal oppgi informasjon — synlige før feil oppstår.
Les krav og se kodefiks →
4. Robust
Vil du vite hvilke av disse avvikene nettstedet ditt har?
UUvakta scanner automatisk mot WCAG 2.1 AA og gir kodefiks per avvik. Dette er en automatisk stikkprøve og erstatter ikke manuell vurdering.