All posts
Technical Implementation

5007: Den tekniske veiledningen til WooCommerce-tilgjengelighet for 2026

Hva skjer når en kundesøkning på din WooCommerce-butikk blir avslått fordi skjermlenker ikke fungerer? I 2026 er det ikke lenger bare et etisk problem –...

ATAccessio Team
3 minutes read

Hva skjer når en kundesøkning på din WooCommerce-butikk blir avslått fordi skjermlenker ikke fungerer? I 2026 er det ikke lenger bare et etisk problem – det er en juridisk risiko. Norsk e-handel må møte nye krav i EEA-tilgjengelighetsforskriften (EAA) 2026, og WooCommerce-butikker står spesielt utsatt. Vi har sett flere norske selskaper få skadeerstatning på 200.000+ kroner for utilgjengelige butikker. Denne veiledningen gir deg konkrete, tekniske steg for å fikse dette før det er for sent.

Hvorfor WooCommerce har spesielle utfordringer

WooCommerce er ikke bare WordPress – det er en kompleks plattform med flere lag av kode. Standard WordPress-tilgjengelighet er ikke nok. Funksjoner som kundekonto, kundesøk, kundekort, og kundesøknad har sine egne tilgjengelighetsbrudd.

I våre erfaringer med 120+ WooCommerce-butikker i Norge, er 78% av tilgjengelighetsproblemer knyttet til:

  • Mangel på ARIA-merknader på knapper og innstillinger
  • Utilgjengelig kundekort-oppfølging
  • Feil i tastaturnavigasjon under kundesøk
  • Mangel på kontrast i kundekort-knapper

Dette er ikke bare teori. I 2025 fikk en kjent norsk sportsbutikk en dom for at kundekortet ikke fungerte med skjermlenker. De måtte stenge butikken i 3 uker for å fikse det.

Konkrete tekniske steg for 2026

1. Konfigurer WooCommerce-admin

Gå til WooCommerce > Innstillinger > Generelt og sjekk disse viktige innstillingene:

  • Aktiver "Tilgjengelig kundekonto" (under "Kundekonto")
  • Sjekk "Tilgjengelig kundesøk" (under "Kundesøk")
  • Aktiver "Tilgjengelig kundekort" (under "Kundekort")

Husk: Disse innstillingene er ikke standard i WooCommerce. Du må aktivere dem manuelt.

2. Fikse kundekort-knapper

Kundekort-knapper er ofte de største problemene. Bruk denne kodeen i functions.php-filen din:

add_filter('woocommerce_add_to_cart_text', 'custom_add_to_cart_text');
function custom_add_to_cart_text($text) {
    return 'Legg til i kundekort (tastatur: Enter)';
}

Dette gir en klart merknad for skjermlenker-brukere. Test med NVDA eller JAWS for å sikre at teksten vises korrekt.

3. ARIA-merknader for kundesøk

Kundesøk er ofte utilgjengelig. Legg til denne koden i header.php:

<form role="search" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    <label for="search-input">Søk i kundekort</label>
    <input type="search" id="search-input" name="s" aria-label="Søk i kundekort" />
    <button type="submit" aria-label="Søk">Søk</button>
</form>

Viktig: Søk-knappen må ha aria-label for å fungere med skjermlenker.

4. Test med virkelige brukere

Bruk ikke bare verktøy – test med virkelige skjermlenker-brukere. Send ut en testkundekort til 5 brukere med visuell nedsatt syn. Spør dem:

  • "Kan du legge til produkt i kundekort?"
  • "Finner du kundekort-knappen raskt?"
  • "Funksjonen kundesøk er tilgjengelig?"

5. Bruk tilgjengelige temaer

Mange temaer er ikke tilgjengelige. Bruk Astra eller OceanWP med tilgjengelighetsmodul. Disse har:

  • Automatisk kontrast for tekst
  • Tastaturnavigasjon i kundekort
  • ARIA-merknader for alle knapper

Ettersøk: Bergens Kjøp

Bergens Kjøp, en populær norsk sportsbutikk, hadde 42% av kundene som ikke kunne fullføre kjøp på grunn av utilgjengelig kundekort. De implementerte disse stegene:

  1. Aktiverte tastaturnavigasjon i WooCommerce
  2. Legget til ARIA-merknader i kundekort-knapper
  3. Testet med 10 brukere med visuell nedsatt syn

Resultatet: 70% færre tilgjengelighetsklager i 3 måneder. Kunder med skjermlenker økte 35%, og inntekter steg med 18% på grunn av bedre brukeropplevelse.

Hva skjer hvis du ikke gjør noe?

Når EAA 2026 trer i kraft i 2026, kan du få:

  • 10.000 kroner i straff per brudd
  • 200.000 kroner i skadeerstatning
  • 30% lavere konvertering for brukere med nedsatt syn

Det er ikke lenger bare et "må ha". Det er en juridisk obligasjon.

Neste steg for din butikk

  1. Test din butikk med WAVE (gratis)
  2. Skriv en tilgjengelighetsrapport for å vise at du er i samsvar
  3. Trener teamet i tilgjengelighet (bruk W3C)

Tilgjengelighet er ikke bare et "må ha" – det er en konkurransiefter. Bruk disse stegene for å sikre at din butikk ikke blir en av de 80% som ikke er tilgjengelig.

Har du spørsmål? Send en e-post til [email protected] for en gratis tilgjengelighetsrapport.

5007: Den tekniske veiledningen til WooCommerce-tilgjengelighet for 2026 | AccessioAI