Back to Articles

Det europeiske tilgjengelighetsdirektivet har fått tenner: hva nettstedet ditt trenger

Det europeiske tilgjengelighetsdirektivet har gjeldt siden 28. juni 2025. Det første året så de fleste selskaper an om noen faktisk ville håndheve det. Det spørsmålet er besvart.

En fransk domstol påla Carrefour å oppnå full etterlevelse under en tvangsmulkt på 500 euro per dag. Markedstilsynsmyndigheter i medlemsstatene gikk fra informasjonsforespørsler til målrettede revisjoner gjennom 2026. Klagemekanismer finnes i hver medlemsstat, og funksjonshemmedes organisasjoner bruker dem.

Selger du til forbrukere i EU og nettstedet ditt ikke er tilgjengelig, er dette ikke lenger et omdømmespørsmål. Det er et tilsynsspørsmål.

Hva direktivet faktisk dekker

Direktiv 2019/882 gjelder en definert liste over produkter og tjenester, ikke hele weben. Tjenestene i virkeområdet omfatter:

  • Netthandel, vidt definert som enhver tjeneste som lar en forbruker inngå avtale på avstand. Kan noen bla, velge og kjøpe på nettstedet ditt, er du omfattet.
  • Banktjenester for forbrukere, inkludert nettbank og betalingsgrensesnitt.
  • Persontransporttjenester, inkludert nettsteder, apper og billettering.
  • Elektroniske kommunikasjonstjenester.
  • Tilgang til audiovisuelle medietjenester.
  • E-bøker og tilhørende programvare.

Produkter i virkeområdet omfatter selvbetjeningsterminaler, betalingsterminaler, e-boklesere og forbrukermaskinvare.

To grenser betyr noe i praksis. For det første gjelder direktivet tjenester levert til forbrukere. Rene bedriftsplattformer, interne verktøy og tjenester som ikke tilbys offentligheten faller utenfor. For det andre finnes et mikrobedriftsunntak for tjenester: færre enn ti ansatte og en årlig omsetning eller balanse som ikke overstiger to millioner euro. Unntaket gjelder bare tjenester, ikke produkter, og man søker ikke om det: enten er du under terskelen eller ikke.

Unntaket er snevrere enn folk håper. En nettbutikk med tolv ansatte er omfattet. Det samme er et selskap med åtte ansatte som selger et fysisk produkt dekket av produktvedlegget.

Den tekniske standarden

Direktivet setter funksjonelle krav. Den tekniske målestokken er den harmoniserte europeiske standarden EN 301 549, der de faktisk testbare kriteriene finnes.

Gjeldende publiserte versjon V3.2.1 fra mars 2021 innlemmer WCAG 2.1 nivå AA. En revisjon tilpasset WCAG 2.2 ventes, som legger til et lite antall kriterier om fokusutseende, dragebevegelser, målstørrelse, konsistent hjelp og overflødig inntasting. Ingenting dramatisk, men utbedrer du nå, unngår du dobbeltarbeid ved å sikte mot WCAG 2.2 i stedet for 2.1.

Samsvar med den harmoniserte standarden gir en formodning om samsvar med direktivet. Det er det praktiske målet: WCAG 2.1 AA i dag, WCAG 2.2 AA om du vil ha margin.

Hva dette betyr i kodebasen

Tilgjengelighetsveiledning skrives gjerne på prinsippnivå. Slik ser det ut som arbeid, basert på det vi finner i nesten hver revisjon.

Semantikk og struktur

De fleste tilgjengelighetsfeil er strukturelle. En side bygget av nestede div-er med klikkhåndterere gir en skjermleser ingenting å jobbe med.

  • Bruk ekte elementer. En knapp er <button>, ikke en div med onClick. En lenke som navigerer er <a href>. Denne ene endringen fikser tastaturbetjening, fokusatferd og opplesing på én gang.
  • Landemerker: header, nav, main, footer. Ett main per side.
  • Overskrifter i rekkefølge, som beskriver struktur i stedet for å velges etter skriftstørrelse.
  • Lister som lister, tabeller som tabeller med ordentlige overskriftsceller og scope.
  • Språk deklarert på html-elementet, og endret inline der innholdet skifter språk. På et flerspråklig nettsted betyr dette mer enn folk antar, for ellers leser en skjermleser fransk med engelsk stemme.

Skjemaer

Det er i skjemaer transaksjoner feiler, så de granskes.

  • Hvert felt har en programmatisk tilknyttet ledetekst. Plassholdertekst er ikke en ledetekst.
  • Feil identifiseres i tekst, knyttes til feltet og leses opp. En rød ramme alene formidler ingenting til en ikke-seende bruker.
  • Obligatoriske felt er merket på en måte som eksponeres for hjelpemiddelteknologi.
  • Autocomplete-attributter på felt med personopplysninger, et eksplisitt WCAG-kriterium som også bedrer konvertering.
  • Grupperte kontroller bruker fieldset og legend.

Tastatur og fokus

  • Alt interaktivt er nåbart og betjenbart med tastatur, i en rekkefølge som samsvarer med det visuelle oppsettet.
  • Fokus er alltid synlig. Å fjerne omriss uten å erstatte dem er en direkte feil.
  • Ingen tastaturfeller. Modaler fanger fokus bevisst, gir det tilbake ved lukking og lukkes med Escape.
  • Hopplenke til hovedinnhold.

Visuell utforming

  • Tekstkontrast på minst 4,5 til 1 for vanlig tekst og 3 til 1 for stor tekst.
  • Ikke-tekstkontrast på 3 til 1 for grensesnittkomponenter og meningsbærende grafikk, som fanger mange lavkontrastrammer på skjemafelt.
  • Innholdet flyter om ved 320 CSS-piksler bredde uten horisontal rulling.
  • Tekst skalerer til 200 prosent uten tap av innhold.
  • Farge bærer aldri mening alene.

Dynamisk innhold

  • Live-regioner annonserer endringer som skjer uten sidelasting, som handlekurvoppdateringer eller valideringssammendrag.
  • Egne komponenter bærer riktige roller, tilstander og egenskaper. Bygger du en combobox for hånd, følg ARIA Authoring Practices i stedet for å improvisere.
  • Respekter innstillingen for redusert bevegelse.
  • Ingenting som spiller lyd automatisk, og ingen karuseller som går videre av seg selv uten pauseknapp.

Dokumenter og medier

  • PDF-er i virkeområdet må være tagget og lesbare. En faktura eller vilkår levert som skannet bilde feiler.
  • Video trenger teksting. Forhåndsinnspilt lyd trenger transkripsjon.
  • Bilder trenger alternativ tekst som formidler formålet. Dekorative bilder får et tomt alt-attributt.

Tilgjengelighetserklæringen

Tjenesteytere må publisere informasjon om hvordan tjenesten oppfyller kravene. Manglende eller ufullstendige tilgjengelighetserklæringer er et av de vanligste funnene, og det er merkelig å feile på dette fordi det koster en ettermiddag.

En brukbar erklæring inneholder samsvarsmålet, datoen for siste vurdering, metoden som ble brukt, en ærlig liste over kjente begrensninger med tidsplan, en tilbakemeldingskanal en ekte person følger med på, og opplysninger om det nasjonale håndhevingsorganet for klager.

Ikke lov for mye. Å hevde full etterlevelse når et kjent gap finnes er verre enn å oppgi delvis etterlevelse med en utbedringsplan, både juridisk og praktisk.

Sanksjoner

Sanksjoner fastsettes nasjonalt og varierer betydelig. Publiserte tall omfatter opptil 90 000 euro i Nederland, spenn fra 10 000 til 100 000 euro per overtredelse i Tyskland, trinn fra 75 000 til 300 000 euro per overtredelse i Frankrike, og opptil 60 000 euro i Irland. Noen medlemsstater tillater omsetningsbaserte beregninger ved gjentakelse eller alvorlighet.

Den økonomiske eksponeringen er ofte ikke den største kostnaden. Å bli pålagt å utbedre under daglig tvangsmulkt betyr å gjøre jobben under tidspress, med en revisor til stede, noe som er langt dyrere enn å gjøre den i ro.

Overlegg fungerer ikke

Tilgjengelighetsoverlegg, disse JavaScript-widgetene som lover øyeblikkelig etterlevelse, leverer den ikke. De kan ikke fikse manglende semantikk, de kan ikke skrive meningsfull alternativ tekst, og de forstyrrer ofte hjelpemiddelteknologien brukeren allerede har satt opp. Interesseorganisasjoner har vært konsekvente på dette, og rettssaker i andre jurisdiksjoner har gjentatte ganger involvert nettsteder med overlegg.

Behandle dem som en skatt, ikke som en løsning.

En realistisk utbedringsvei

Dette er sekvensen vi bruker, og den fjerner det meste av risikoen i de to første fasene.

Fase 1: automatisk skanning pluss manuell revisjon. Automatiske verktøy fanger omtrent en tredjedel av problemene, noe som er nyttig, men langt fra nok. Kombiner skanningen med manuell tastaturtesting og skjermlesertesting på de kritiske løypene: forside, kategori, produkt, handlekurv, kasse, konto, kontakt.

Fase 2: fiks transaksjonsløypene. Kasse, registrering, innlogging, søk. Der slutter et utilgjengelig nettsted å være en ulempe og blir ekskludering, og det er det en klage vil handle om.

Fase 3: fiks komponentbiblioteket. De fleste nettsteder er bygget av et begrenset sett komponenter som gjentas overalt. Å fikse knappen, feltet, modalen, nedtrekkslisten, fanene og tabellen én gang fikser hundrevis av sider samtidig. Der ligger vektstangen.

Fase 4: innhold og dokumenter. Alternativ tekst, overskrifter, PDF-er, teksting. Tregt, men teknisk ikke vanskelig.

Fase 5: hindre tilbakefall. Automatiske tilgjengelighetskontroller i CI, lintregler for JSX eller maler, og tilgjengelighetskriterier i definisjonen av ferdig. Uten dette betaler du for revisjonen igjen om atten måneder.

Sidegevinsten

Alt over forbedrer også synlighet i søk, Core Web Vitals og konvertering. Ryddig overskriftsstruktur, semantisk markup, ekte ledetekster og tilstrekkelig kontrast er nøyaktig det som hjelper crawlere å tolke en side og vanlige brukere å fullføre et kjøp på telefonen i dårlig lys.

Det er også overlapp med nyere plikter. KI-forordningens åpenhetsregler krever at informasjon gis på en klar og skillbar måte i samsvar med gjeldende tilgjengelighetskrav, som betyr at en KI-opplysning begravd i et utilgjengelig verktøytips feiler to ganger. Vi dekket det i artikkelen om KI-åpenhet.

Hvor du begynner

Er du ikke revidert, start med et tastatur. Koble fra musen og prøv å fullføre et kjøp på ditt eget nettsted. De fleste team finner sine tre første problemer innen fem minutter, og det er en mer overbevisende demonstrasjon for ledelsen enn noen rapport.

Vi gjennomfører tilgjengelighetsrevisjoner og utbedringsprogrammer for selskaper i EU, inkludert arbeid på komponentbiblioteket og CI-integrasjon slik at rettelsen holder. Mer detaljer på vår side om tilgjengelighetsutbedring, og den bredere regulatoriske konteksten i vårt kart over EU digital etterlevelse 2026.

Ta kontakt på office@c9group.dev om du vil ha en ærlig vurdering av hvor du står.