Det europæiske tilgængelighedsdirektiv har fået tænder: hvad dit website har brug for

Det europæiske tilgængelighedsdirektiv har gældt siden 28. juni 2025. Det første år så de fleste virksomheder an, om nogen faktisk ville håndhæve det. Det spørgsmål er besvaret.

En fransk domstol pålagde Carrefour at opnå fuld overensstemmelse under en tvangsbøde på 500 euro om dagen. Markedsovervågningsmyndigheder i medlemsstaterne gik fra informationsanmodninger til målrettede revisioner gennem 2026. Klagemekanismer findes i hver medlemsstat, og handicaporganisationer bruger dem.

Sælger du til forbrugere i EU, og dit website ikke er tilgængeligt, er dette ikke længere et omdømmespørgsmål. Det er et tilsynsspørgsmål.

Hvad direktivet faktisk dækker

Direktiv 2019/882 gælder en defineret liste over produkter og tjenester, ikke hele nettet. Tjenesterne i anvendelsesområdet omfatter:

E-handel, bredt defineret som enhver tjeneste, der lader en forbruger indgå en aftale på afstand. Kan nogen browse, vælge og købe på dit website, er du omfattet.
Banktjenester for forbrugere, herunder netbank og betalingsgrænseflader.
Persontransporttjenester, herunder websites, apps og billettering.
Elektroniske kommunikationstjenester.
Adgang til audiovisuelle medietjenester.
E-bøger og tilhørende software.

Produkter i anvendelsesområdet omfatter selvbetjeningsterminaler, betalingsterminaler, e-bogslæsere og forbrugerhardware.

To grænser betyder noget i praksis. For det første gælder direktivet tjenester leveret til forbrugere. Rene virksomhedsplatforme, interne værktøjer og tjenester, der ikke tilbydes offentligheden, falder udenfor. For det andet findes en mikrovirksomhedsundtagelse for tjenester: færre end ti ansatte og en årlig omsætning eller balance, der ikke overstiger to millioner euro. Undtagelsen gælder kun tjenester, ikke produkter, og man ansøger ikke om den: enten er du under tærsklen eller ej.

Undtagelsen er snævrere, end folk håber. En webshop med tolv ansatte er omfattet. Det samme er en virksomhed med otte ansatte, der sælger et fysisk produkt dækket af produktbilaget.

Den tekniske standard

Direktivet stiller funktionelle krav. Den tekniske målestok er den harmoniserede europæiske standard EN 301 549, hvor de faktisk testbare kriterier findes.

Den nuværende offentliggjorte version V3.2.1 fra marts 2021 indarbejder WCAG 2.1 niveau AA. En revision tilpasset WCAG 2.2 ventes, som tilføjer et lille antal kriterier om fokusudseende, trækbevægelser, målstørrelse, konsistent hjælp og overflødig indtastning. Intet dramatisk, men udbedrer du nu, undgår du dobbeltarbejde ved at sigte mod WCAG 2.2 i stedet for 2.1.

Overensstemmelse med den harmoniserede standard giver en formodning om overensstemmelse med direktivet. Det er det praktiske mål: WCAG 2.1 AA i dag, WCAG 2.2 AA hvis du vil have margin.

Hvad dette betyder i kodebasen

Tilgængelighedsvejledning skrives gerne på principniveau. Sådan ser det ud som arbejde, baseret på det, vi finder i næsten hver revision.

Semantik og struktur

De fleste tilgængelighedsfejl er strukturelle. En side bygget af indlejrede div-elementer med klikhåndterere giver en skærmlæser intet at arbejde med.

Brug rigtige elementer. En knap er <button>, ikke en div med onClick. Et link, der navigerer, er <a href>. Denne ene ændring retter tastaturbetjening, fokusadfærd og oplæsning på én gang.
Landemærker: header, nav, main, footer. Ét main pr. side.
Overskrifter i rækkefølge, der beskriver struktur i stedet for at vælges efter skriftstørrelse.
Lister som lister, tabeller som tabeller med rigtige overskriftsceller og scope.
Sprog erklæret på html-elementet og ændret inline, hvor indholdet skifter sprog. På et flersproget website betyder det mere, end folk antager, for ellers læser en skærmlæser fransk med engelsk stemme.

Formularer

Det er i formularer, transaktioner fejler, så de granskes.

Hvert felt har en programmatisk tilknyttet label. Pladsholdertekst er ikke en label.
Fejl identificeres i tekst, knyttes til feltet og læses op. En rød ramme alene formidler intet til en ikke-seende bruger.
Obligatoriske felter er markeret på en måde, der eksponeres for hjælpeteknologi.
Autocomplete-attributter på felter med personoplysninger, et eksplicit WCAG-kriterium, der også forbedrer konvertering.
Grupperede kontroller bruger fieldset og legend.

Tastatur og fokus

Alt interaktivt er tilgængeligt og betjeneligt med tastatur, i en rækkefølge der svarer til det visuelle layout.
Fokus er altid synligt. At fjerne omrids uden at erstatte dem er en direkte fejl.
Ingen tastaturfælder. Modaler fanger fokus bevidst, giver det tilbage ved lukning og lukkes med Escape.
Springlink til hovedindhold.

Visuelt design

Tekstkontrast på mindst 4,5 til 1 for almindelig tekst og 3 til 1 for stor tekst.
Ikke-tekstkontrast på 3 til 1 for grænsefladekomponenter og meningsbærende grafik, hvilket fanger mange lavkontrastrammer på formularfelter.
Indholdet ombrydes ved 320 CSS-pixel bredde uden vandret rulning.
Tekst skalerer til 200 procent uden tab af indhold.
Farve bærer aldrig mening alene.

Dynamisk indhold

Live-regioner annoncerer ændringer, der sker uden sideindlæsning, som kurvopdateringer eller valideringsoversigter.
Egne komponenter bærer korrekte roller, tilstande og egenskaber. Bygger du en combobox i hånden, følg ARIA Authoring Practices i stedet for at improvisere.
Respektér indstillingen for reduceret bevægelse.
Intet der afspiller lyd automatisk, og ingen karruseller der kører videre af sig selv uden pauseknap.

Dokumenter og medier

PDF'er i anvendelsesområdet skal være tagget og læsbare. En faktura eller vilkår leveret som scannet billede fejler.
Video kræver undertekster. Forudindspillet lyd kræver transskription.
Billeder kræver alternativ tekst, der formidler formålet. Dekorative billeder får et tomt alt-attribut.

Tilgængelighedserklæringen

Tjenesteudbydere skal offentliggøre oplysninger om, hvordan tjenesten opfylder kravene. Manglende eller ufuldstændige tilgængelighedserklæringer er et af de mest almindelige fund, og det er mærkeligt at fejle på det, fordi det koster en eftermiddag.

En brugbar erklæring indeholder overensstemmelsesmålet, datoen for seneste vurdering, den anvendte metode, en ærlig liste over kendte begrænsninger med tidsplan, en feedbackkanal som en rigtig person følger, og oplysninger om det nationale håndhævelsesorgan til klager.

Lov ikke for meget. At hævde fuld overensstemmelse, når et kendt hul findes, er værre end at oplyse delvis overensstemmelse med en udbedringsplan, både juridisk og praktisk.

Sanktioner

Sanktioner fastsættes nationalt og varierer betydeligt. Offentliggjorte tal omfatter op til 90.000 euro i Holland, spænd fra 10.000 til 100.000 euro pr. overtrædelse i Tyskland, trin fra 75.000 til 300.000 euro pr. overtrædelse i Frankrig og op til 60.000 euro i Irland. Nogle medlemsstater tillader omsætningsbaserede beregninger ved gentagelse eller alvorlighed.

Den økonomiske eksponering er ofte ikke den største omkostning. At blive pålagt at udbedre under daglig tvangsbøde betyder at lave arbejdet under tidspres, med en revisor til stede, hvilket er langt dyrere end at gøre det i ro.

Overlays virker ikke

Tilgængelighedsoverlays, de JavaScript-widgets der lover øjeblikkelig overensstemmelse, leverer den ikke. De kan ikke rette manglende semantik, de kan ikke skrive meningsfuld alternativ tekst, og de forstyrrer ofte den hjælpeteknologi, brugeren allerede har sat op. Interesseorganisationer har været konsekvente på dette, og retssager i andre jurisdiktioner har gentagne gange involveret websites med overlay.

Behandl dem som en skat, ikke som en løsning.

En realistisk udbedringsvej

Dette er den rækkefølge, vi bruger, og den fjerner det meste af risikoen i de to første faser.

Fase 1: automatisk scanning plus manuel revision. Automatiske værktøjer fanger omkring en tredjedel af problemerne, hvilket er nyttigt, men langt fra nok. Kombinér scanningen med manuel tastaturtest og skærmlæsertest på de kritiske stier: forside, kategori, produkt, kurv, kasse, konto, kontakt.

Fase 2: ret transaktionsstierne. Kasse, tilmelding, login, søgning. Der holder et utilgængeligt website op med at være en ulempe og bliver eksklusion, og det er det, en klage vil handle om.

Fase 3: ret komponentbiblioteket. De fleste websites er bygget af et begrænset sæt komponenter, der gentages overalt. At rette knappen, feltet, modalen, dropdownen, fanerne og tabellen én gang retter hundredvis af sider på én gang. Der ligger håndtaget.

Fase 4: indhold og dokumenter. Alternativ tekst, overskrifter, PDF'er, undertekster. Langsomt, men teknisk ikke svært.

Fase 5: undgå tilbagefald. Automatiske tilgængelighedstjek i CI, lintregler for JSX eller skabeloner, og tilgængelighedskriterier i definitionen af færdig. Uden det betaler du for revisionen igen om atten måneder.

Sidegevinsten

Alt ovenstående forbedrer også synlighed i søgning, Core Web Vitals og konvertering. Ryddig overskriftsstruktur, semantisk markup, rigtige labels og tilstrækkelig kontrast er nøjagtig det, der hjælper crawlere med at tolke en side og almindelige brugere med at gennemføre et køb på telefonen i dårligt lys.

Der er også overlap med nyere pligter. AI-forordningens gennemsigtighedsregler kræver, at oplysninger gives klart og skelneligt i overensstemmelse med gældende tilgængelighedskrav, hvilket betyder, at en AI-oplysning begravet i et utilgængeligt værktøjstip fejler to gange. Vi dækkede det i artiklen om AI-gennemsigtighed.

Hvor du begynder

Er du ikke revideret, start med et tastatur. Træk musen ud og prøv at gennemføre et køb på dit eget website. De fleste teams finder deres tre første problemer inden for fem minutter, og det er en mere overbevisende demonstration for ledelsen end nogen rapport.

Vi gennemfører tilgængelighedsrevisioner og udbedringsprogrammer for virksomheder i EU, inklusive arbejde på komponentbiblioteket og CI-integration, så rettelsen holder. Flere detaljer på vores side om tilgængelighedsudbedring, og den bredere regulatoriske kontekst i vores kort over EU digital compliance 2026.

Skriv til office@c9group.dev, hvis du vil have en ærlig vurdering af, hvor du står.