Vi sikter mot WCAG 2.1 nivå AA. Det betyr at innholdet skal være lesbart, navigerbart og brukbart for folk som bruker tastatur, skjermleser, forstørrelse eller har redusert syn — ikke bare folk som klikker rundt på en stor skjerm med god mus og bra lys.
I praksis
Punktene under er ikke en avhuking — det er de konkrete tingene som ligger til grunn i koden og er sjekket.
- KontrastTekst mot bakgrunn passerer 4.5:1 (normal tekst) og 3:1 (stor tekst).
- TastaturAlle navigasjonslenker, knapper og skjemaer kan brukes uten mus. Fokusring er synlig i samme palett som designet.
- SemantikkRiktig overskriftshierarki, aria-current på aktiv side, labels på alle skjemafelt, lang="nb" så skjermlesere bruker norsk uttale.
- BevegelseAnimasjoner er korte og dekorative; ingen autospillende video eller blinkende innhold.
- SkjemaerTilbakemeldingsskjemaet har tilknyttede labels og tydelige feilmeldinger.
Verifisert
- axe-core 4.10Kjørt på alle 17 sider — 0 brudd i WCAG 2.0 + 2.1 nivå A og AA.
- TastaturnavigasjonTab-rekkefølge og fokusmarkering verifisert manuelt på alle hovedsider og skjemaet.
- ForstørrelseVerifisert på 200% zoom — innhold reflowes til mobil-layout uten at noe forsvinner.
Ikke testet
Vi skriver heller hva som mangler enn å skjule det.
- Skjermleser
Vi har ikke testet siden med NVDA, JAWS eller VoiceOver. Strukturen er bygget med semantikk i bunn (riktig overskriftshierarki, landmarks, labels), men praktisk skjermleser-test gjenstår.
Det vi vet
Ingen side er helt fri for forbedringspotensial. Her er det vi er klar over.
Sjekkpunkt-detalj henter inn rik tekst
Innholdet i hvert sjekkpunkt er bygget av en intern renderer. Vi kontrollerer det selv og holder det i samme kontrast-skala som resten av siden — men hvis du oppdager noe som ikke passerer, vil vi gjerne høre fra deg.
Bakgrunnsmønster
Sidene har et lett radialt prikkemønster bak innholdet. Mønsteret er tilnærmet transparent (~3,5% opacity) og påvirker ikke målbar kontrast, men automatiske verktøy kan flagge det som «ikke beregnelig». Vi har verifisert manuelt at tekstkontrasten er ivaretatt.
Treffer du noe som ikke fungerer for deg — send en linje.
Vi vil heller høre om et reelt problem enn å late som siden er perfekt. Tilbakemeldinger om tilgjengelighet behandles først.