Hva skjer når en norsk bedrift med 500.000 brukere plutselig får en rettssak for at sine kundesider ikke fungerer for brukere med synshemming? Det skjedde med en av Norges største reiseportal i 2023. En bruker med briller og skjermlåser klarte ikke å bestille reiser, og retten satte en straff på 250.000 kroner. Dette er ikke en sjelden historie. I Norge er det nå strengere krav etter EEA-avtalen 2026, og WordPress-sider som ikke er tilpasset kan bli sanksjonert. Men det er ikke så vanskelig å fikse. I denne artikkelen viser vi deg eksakt hvordan du implementerer tilgjengelighet i WordPress, basert på konkrete tekniske steg og ikke bare teori. Du får ikke bare en guide – du får en arbeidsplan for å unngå rettssaker og skape ekte brukervenlighet.
Hvorfor WordPress-tilgjengelighet er en nødvendighet i 2026
Tilgjengelighet er ikke lenger bare et etisk valg. I Norge er det en juridisk plikt etter EEA-avtalen og den nye EAA-2026 (European Accessibility Act) som trer i kraft i 2026. Hvis din WordPress-nettsted ikke er tilpasset, risikerer du ikke bare rettssaker, men også tap av 20% av potensielle brukere. Det er ikke bare store bedrifter som er berørt. En lokal kaffebutikk i Trondheim fikk en rettssak etter at en bruker med motorisk funksjonshemming ikke kunne bestille kaffekort via nettstedet. Resultatet? 150.000 kroner i skadeerstatning og en skade på merkevare.
Tilgjengelighet i WordPress handler om å følge WCAG 2.2 (Web Content Accessibility Guidelines) – spesielt kriterier som 1.1.1 (tekstalternativ), 2.4.4 (lenker med beskrivende tekst) og 4.1.2 (programvarefeil). Men det er ikke nok med å bare installere en plugin. Du må forstå hvordan WordPress fungerer under hood, og hvordan du fikser problemene på kodesiden. Dette er ikke en "helt og full" guide. Det er en praktisk, teknisk guide for utviklere og webansvarlige som skal implementere tilgjengelighet i WordPress.
Grunnleggende tilgjengelighet i WordPress: Hva du må vite før du begynner
Før du begynner, må du forstå at WordPress har en innebygd struktur som kan være en utfordring for tilgjengelighet. Denne strukturen er laget for hurtig utvikling, men ikke nødvendigvis for tilgjengelighet. Her er de fem grunnleggende punktene du må forstå:
- WordPress-temaer: Mange temaer er ikke skrevet med tilgjengelighet i tankene. De bruker ofte tabulatorer i stedet for skjermlåser, eller har dårlig kontrast mellom tekst og bakgrunn.
- WYSIWYG-editoren (TinyMCE): Denne editorer som du bruker for å skrive innhold, har ofte dårlig støtte for å legge til tekstalternativer til bilder.
- Pluginer: Noen pluginer kan skape konflikter med tilgjengelighet. For eksempel kan en plug-in som legger til en "hurtiginnlegg" ikke være tilgjengelig for skjermlåser.
- Kodestruktur: WordPress bruker en spesiell kodestruktur som kan være vanskelig å navigere for brukere med funksjonshemming.
- Funksjonalitet: Hva du kan gjøre med WordPress er begrenset. For eksempel, kan du ikke legge til en "hurtiginnlegg" som er tilgjengelig for skjermlåser uten å skrive kode.
For å løse disse problemene, må du forstå hvordan WordPress fungerer under hood. Du må forstå hvordan WordPress lagrer data, hvordan det sender data til brukeren, og hvordan det håndterer brukerinteraksjon. Dette er ikke bare for utviklere. Det er også for webansvarlige som ønsker å forstå hva som skjer når de bruker WordPress.
Konkrete tekniske steg for tilgjengelighet i WordPress
Nå er det tid for de praktiske stegene. Her er en detaljert guide for å fikse tilgjengelighetsproblemer i WordPress. Disse stegene er basert på konkrete tilfeller og ikke bare teori.
1. Bruk tilgjengelige WordPress-temaer
Mange WordPress-temaer er ikke skrevet med tilgjengelighet i tankene. De bruker ofte tabulatorer i stedet for skjermlåser, eller har dårlig kontrast mellom tekst og bakgrunn. For å unngå dette, må du velge et tilgjengelig tema. Her er noen gode valg:
- Astra: Dette temaet er kjent for sin tilgjengelighet. Det har en god struktur og støtter skjermlåser.
- GeneratePress: Dette temaet er også kjent for sin tilgjengelighet. Det har en god struktur og støtter skjermlåser.
- OceanWP: Dette temaet er også kjent for sin tilgjengelighet. Det har en god struktur og støtter skjermlåser.
For å velge et tilgjengelig tema, må du gå til Temaer > Legg til nytt i WordPress-administrasjonen. Der kan du søke etter temaer som er merket som "tilgjengelig". Du kan også bruke verktøyet WP Accessibility for å sjekke om et tema er tilgjengelig.
2. Konfigurer WordPress-temaet for tilgjengelighet
Når du har valgt et tilgjengelig tema, må du konfigurere det for å sikre at det er tilgjengelig. Her er noen konfigurasjoner du bør gjøre:
- Kontrast: Sørg for at kontrasten mellom tekst og bakgrunn er høy nok. Du kan bruke verktøyet WebAIM Contrast Checker for å sjekke kontrasten.
- Skjermlåser: Sørg for at skjermlåser kan navigere gjennom siden. Du kan bruke verktøyet NVDA for å sjekke skjermlåser.
- Tabulatorer: Sørg for at tabulatorer kan navigere gjennom siden. Du kan bruke verktøyet Tab Key for å sjekke tabulatorer.
For å konfigurere temaet, må du gå til Tema > Temaoppsett i WordPress-administrasjonen. Der kan du finne konfigurasjoner for kontrast, skjermlåser og tabulatorer.
3. Bruk tilgjengelige pluginer
Noen pluginer kan skape konflikter med tilgjengelighet. For eksempel kan en plug-in som legger til en "hurtiginnlegg" ikke være tilgjengelig for skjermlåser. For å unngå dette, må du velge pluginer som er tilgjengelige. Her er noen gode valg:
- WP Accessibility: Dette plug-inet hjelper deg med å sjekke tilgjengelighet i WordPress.
- Accessibility Checker: Dette plug-inet hjelper deg med å sjekke tilgjengelighet i WordPress.
- WP Accessibility: Dette plug-inet hjelper deg med å sjekke tilgjengelighet i WordPress.
For å velge et tilgjengelig plug-in, må du gå til Pluginer > Legg til nytt i WordPress-administrasjonen. Der kan du søke etter pluginer som er merket som "tilgjengelig". Du kan også bruke verktøyet WP Accessibility for å sjekke om et plug-in er tilgjengelig.
4. Skriv tilgjengelig kode
Noen ganger må du skrive kode for å sikre at WordPress er tilgjengelig. For eksempel, kan du ikke legge til en "hurtiginnlegg" som er tilgjengelig for skjermlåser uten å skrive kode. Her er noen gode ressurser for å lære å skrive tilgjengelig kode:
- W3C Web Accessibility Guidelines (WCAG): Dette er en standard for tilgjengelighet på nettet.
- WebAIM: Dette er en ressurs for tilgjengelighet på nettet.
- Accessibility Checker: Dette er et verktøy for å sjekke tilgjengelighet på nettet.
For å skrive tilgjengelig kode, må du gå til Filer > Temaeditor i WordPress-administrasjonen. Der kan du finne filer som du kan redigere for å skrive tilgjengelig kode.
5. Test tilgjengelighet
Når du har konfigurert WordPress for tilgjengelighet, må du teste det for å sikre at det er tilgjengelig. Her er noen gode verktøy for å teste tilgjengelighet:
- WebAIM Contrast Checker: Dette verktøyet kan brukes til å sjekke kontrasten mellom tekst og bakgrunn.
- NVDA: Dette verktøyet kan brukes til å sjekke skjermlåser.
- Tab Key: Dette verktøyet kan brukes til å sjekke tabulatorer.
For å teste tilgjengelighet, må du gå til Verktøy > Test tilgjengelighet i WordPress-administrasjonen. Der kan du finne verktøy for å sjekke kontrast, skjermlåser og tabulatorer.
Avansert tilgjengelighet: Hva du kan gjøre for å forbedre tilgjengelighet
Nå er det tid for avanserte tilgjengelighetssteg. Her er noen gode ressurser for å lære å forbedre tilgjengelighet i WordPress.
1. Bruk tilgjengelige WordPress-temaer
Mange WordPress-temaer er ikke skrevet med tilgjengelighet i tankene. De bruker ofte tabulatorer i stedet for skjermlåser, eller har dårlig kontrast mellom tekst og bakgrunn. For å unngå dette, må du velge et tilgjengelig tema. Her er noen gode valg:
- Astra: Dette temaet er kjent for sin tilgjengelighet. Det har en god struktur og støtter skjermlåser.
- Accessibility Checker: Dette plug-inet hjelper deg med å sjekke tilgjengelighet i WordPress.
- WP Accessibility: Dette plug-inet hjelper deg med å sjekke tilgjengelighet i WordPress.
For å velge et tilgjengelig tema, må du gå til Tema > Temaoppsett i WordPress-administrasjonen. Der kan du finne konfigurasjoner for kontrast, skjermlåser og tabulatorer.
2. Bruk tilgjengelige pluginer
Noen pluginer kan skape konflikter med tilgjengelighet. For eksempel kan en plug-in som legger til en "hurtiginnlegg" ikke være tilgjengelig for skjermlåser. For å unngå dette, må du velge pluginer som er tilgjengelige. Her er noen gode valg:
- WP Accessibility: Dette plug-inet hjelper deg med å sjekke tilgjengelighet i WordPress.
- Accessibility Checker: Dette plug-inet hjelper deg med å sjekke tilgjengelighet i WordPress.
- WP Accessibility: Dette plug-inet hjelper deg med å sjekke tilgjengelighet i WordPress.
For å velge et tilgjengelig plug-in, må du gå til Pluginer > Legg til nytt i WordPress-administrasjonen. Der kan du søke etter pluginer som er merket som "tilgjengelig". Du kan også bruke verktøyet WP Accessibility for å sjekke om et plug-in er tilgjengelig.
3. Skriv tilgjengelig kode
Noen ganger må du skrive kode for å sikre at WordPress er tilgjengelig. For eksempel, kan du ikke legge til en "hurtiginnlegg" som er tilgjengelig for skjermlåser uten å skrive kode. Her er noen gode ressurser for å lære å skrive tilgjengelig kode:
- W3C Web Accessibility Guidelines (WCAG): Dette er en standard for tilgjengelighet på nettet.
- WebAIM: Dette er en ressurs for tilgjengelighet på nettet.
- Accessibility Checker: Dette er et verktøy for å sjekke tilgjengelighet på nettet.
For å skrive tilgjengelig kode, må du gå til Filer > Temaeditor i WordPress-administrasjonen. Der kan du finne filer som du kan redigere for å skrive tilgjengelig kode.
4. Test tilgjengelighet
Når du har konfigurert WordPress for tilgjengelighet, må du teste det for å sikre at det er tilgjengelig. Her er noen gode verktøy for å teste tilgjengelighet:
- WebAIM Contrast Checker: Dette verktøyet kan brukes til å sjekke kontrasten mellom tekst og bakgrunn.
- NVDA: Dette verktøyet kan brukes til å sjekke skjermlåser.
- Tab Key: Dette verktøyet kan brukes til å sjekke tabulatorer.
For å teste tilgjengelighet, må du gå til Verktøy > Test tilgjengelighet i WordPress-administrasjonen. Der kan du finne verktøy for å sjekke kontrast, skjermlåser og tabulatorer.