Tillgänglighetsdirektivet har fått tänder: vad din webbplats behöver

punktskriftsdisplay under ett tangentbord

Tillgänglighetsdirektivet (European Accessibility Act) började tillämpas den 28 juni 2025. Under det första året väntade de flesta företag och såg om någon faktiskt skulle se till att det efterlevdes. Den frågan har nu fått sitt svar.

En fransk domstol beordrade Carrefour att uppnå full efterlevnad vid vite på 500 euro per dag. Marknadskontrollmyndigheterna i medlemsstaterna gick under 2026 från förfrågningar om information till riktade granskningar. Det finns klagomålsmekanismer i varje medlemsstat, och funktionsrättsorganisationer har använt dem.

Säljer du till konsumenter i EU och din webbplats inte är tillgänglig, är det inte längre en fråga om rykte. Det är en fråga under tillsyn.

Vad direktivet faktiskt omfattar

Direktiv 2019/882 gäller en avgränsad lista med produkter och tjänster, inte hela webben. Bland tjänsterna som omfattas finns:

E-handel, brett definierad som varje tjänst som låter en konsument ingå avtal på distans. Kan någon bläddra, välja och köpa på din webbplats omfattas du.
Banktjänster för konsumenter, inklusive internetbank och betalningsgränssnitt.
Persontransporttjänster, inklusive webbplatser, appar och biljettförsäljning.
Elektroniska kommunikationstjänster.
Tillgång till audiovisuella medietjänster.
E-böcker och särskild programvara för dem.

Bland produkterna som omfattas finns självbetjäningsterminaler, betalterminaler, läsplattor och datorutrustning för konsumenter.

Två gränser spelar roll i praktiken. För det första gäller direktivet tjänster som tillhandahålls till konsumenter. Rena B2B-plattformar, interna verktyg och tjänster som inte erbjuds allmänheten står utanför. För det andra finns ett undantag för mikroföretag när det gäller tjänster: färre än tio anställda och en årsomsättning eller balansomslutning som inte överstiger två miljoner euro. Undantaget gäller bara tjänster, inte produkter, och du ansöker inte om det; antingen ligger du under gränsen eller så gör du det inte.

Undantaget är snävare än många hoppas. En e-handlare med tolv anställda omfattas. Det gör också ett företag med åtta anställda som säljer en fysisk produkt som finns med i bilagan om produkter.

Den tekniska standarden

Direktivet ställer funktionella krav. Det tekniska riktmärket är den harmoniserade europeiska standarden EN 301 549, och det är där de faktiska, testbara kriterierna finns.

Den nuvarande referensversionen, V3.2.1 från mars 2021, bygger på WCAG 2.1 nivå AA. ETSI publicerade efterföljaren, V4.1.1, den 2 september 2026. Den flyttar riktmärket till WCAG 2.2, som lägger till ett litet antal framgångskriterier om fokusmarkeringens utseende, dragrörelser, målstorlek, konsekvent hjälp och redundant inmatning. V4.1.1 har ännu inte offentliggjorts i Europeiska unionens officiella tidning, så tills vidare är det V3.2.1 som ger presumtion om överensstämmelse. Inget av de nya kriterierna är dramatiskt, men åtgärdar du brister nu slipper du göra jobbet två gånger om du bygger mot WCAG 2.2 i stället för 2.1.

Överensstämmelse med den harmoniserade standarden ger presumtion om överensstämmelse med direktivet. Det är det praktiska målet: WCAG 2.1 AA i dag, WCAG 2.2 AA om du vill ha marginal.

Vad det betyder i kodbasen

Råd om tillgänglighet skrivs ofta på principnivå. Så här ser det ut som arbete, utifrån det vi hittar i nästan varje granskning.

Semantik och struktur

De flesta tillgänglighetsbrister är strukturella. En sida som byggts av nästlade div-element med klickhanterare ger en skärmläsare ingenting att arbeta med.

Använd riktiga element. En knapp är <button>, inte en div med onClick. En länk som navigerar är <a href>. Den enda ändringen löser tangentbordsstyrning, fokusbeteende och uppläsning i ett enda steg.
Landmärken: header, nav, main, footer. Ett main per sida.
Rubriker i ordning, som beskriver strukturen i stället för att väljas efter teckenstorlek.
Listor som listor, tabeller som tabeller med riktiga rubrikceller och scope.
Språket anges på html-elementet och ändras inline där innehållet byter språk. På en flerspråkig webbplats betyder det mer än man tror, eftersom en skärmläsare annars läser franska med en engelsk röst.

Formulär

Det är i formulär som transaktioner faller, så de granskas noga.

Varje inmatningsfält har en programmatiskt kopplad etikett. Platshållartext är ingen etikett.
Fel identifieras i text, kopplas till fältet och läses upp. En röd ram ensam säger ingenting till en användare som inte ser.
Obligatoriska fält markeras på ett sätt som exponeras för hjälpmedel.
Autocomplete-attribut på fält för personuppgifter, vilket är ett uttryckligt WCAG-kriterium och dessutom förbättrar konverteringen.
Grupperade kontroller använder fieldset och legend.

Tangentbord och fokus

Allt interaktivt går att nå och använda med tangentbordet, i en ordning som stämmer med den visuella layouten.
Fokus syns alltid. Att ta bort fokusramar utan att ersätta dem är ett rent underkännande.
Inga tangentbordsfällor. Modaler fångar fokus avsiktligt, lämnar tillbaka det när de stängs och stängs med Escape.
Hopplänk till huvudinnehållet.

Visuell design

Textkontrast på minst 4,5:1 för normal text och 3:1 för stor text.
Kontrast för annat än text på 3:1 för gränssnittskomponenter och meningsbärande grafik, vilket fångar många ramar med låg kontrast på formulärfält.
Innehållet anpassar sig vid 320 CSS-pixlars bredd utan horisontell rullning.
Text kan förstoras till 200 % utan att innehåll försvinner.
Färg bär aldrig betydelse på egen hand.

Dynamiskt innehåll

Live regions meddelar ändringar som sker utan sidladdning, som uppdateringar av varukorgen eller sammanfattningar av valideringsfel.
Egna komponenter har korrekta roller, tillstånd och egenskaper. Bygger du en combobox för hand, följ ARIA Authoring Practices i stället för att improvisera.
Respektera inställningen för minskad rörelse.
Inget som spelar upp ljud automatiskt, och inga karuseller som byter bild automatiskt utan en pausknapp.

Dokument och media

PDF-filer som omfattas måste vara taggade och läsbara. En faktura eller ett villkorsdokument som levereras som skannad bild underkänns.
Video behöver undertexter. Förinspelat ljud behöver en transkription.
Bilder behöver alternativtext som förmedlar syftet. Dekorativa bilder får ett tomt alt-attribut.

Tillgänglighetsredogörelsen

Tjänsteleverantörer måste publicera information om hur tjänsten uppfyller kraven. Saknade eller ofullständiga tillgänglighetsredogörelser hör till de vanligaste anmärkningarna, och det är en märklig sak att fallera på, eftersom den kostar en eftermiddag.

En användbar redogörelse innehåller målnivån för överensstämmelse, datumet för den senaste bedömningen, den metod som använts, en ärlig lista över kända brister med en tidplan, en kanal för synpunkter som en verklig person bevakar, och uppgifter om den nationella tillsynsmyndighet som tar emot klagomål.

Lova inte för mycket. Att ange full överensstämmelse när det finns en känd brist är värre än att ange delvis överensstämmelse med en åtgärdsplan, både juridiskt och praktiskt.

Sanktioner

Sanktionerna fastställs nationellt och varierar avsevärt. Publicerade belopp är bland annat upp till 90 000 euro i Nederländerna, mellan 10 000 och 100 000 euro per överträdelse i Tyskland, nivåer från 75 000 till 300 000 euro per överträdelse i Frankrike och upp till 60 000 euro i Irland. Vissa medlemsstater tillåter beräkningar utifrån omsättningen vid upprepade eller allvarliga fall.

Den ekonomiska exponeringen är ofta inte den största kostnaden. Att föreläggas att åtgärda brister vid vite per dag innebär att göra jobbet under tidspress, med en granskare, vilket blir mycket dyrare än att göra det planerat.

Overlay-verktyg fungerar inte

Tillgänglighets-overlays, de JavaScript-widgetar som lovar efterlevnad direkt, levererar den inte. De kan inte rätta saknad semantik, de kan inte skriva meningsfull alternativtext, och de stör ofta de hjälpmedel som användaren redan har ställt in. Funktionsrättsorganisationer har varit konsekventa i den frågan, och i rättsprocesser i andra jurisdiktioner har webbplatser med overlay upprepade gånger varit inblandade.

Se dem som en kostnad, inte som en lösning.

En realistisk väg till åtgärdade brister

Så här ser ordningen ut som vi använder, och den brukar ta bort det mesta av risken under de två första faserna.

Fas 1: automatisk skanning plus manuell granskning. Automatiska verktyg fångar ungefär en tredjedel av problemen, vilket är användbart men långt ifrån tillräckligt. Kombinera skanningen med manuella tester med tangentbord och skärmläsare på de kritiska flödena: startsida, kategori, produkt, varukorg, kassa, konto och kontakt.

Fas 2: åtgärda transaktionsflödena. Kassa, registrering, inloggning och sök. Det är här en otillgänglig webbplats går från att vara besvärlig till att stänga ute människor, och det är det ett klagomål kommer att handla om.

Fas 3: åtgärda komponentbiblioteket. De flesta webbplatser är byggda av en begränsad uppsättning komponenter som återkommer överallt. Att åtgärda komponenterna för knapp, inmatningsfält, modal, rullgardinsmeny, flikar och tabell en gång åtgärdar hundratals sidor samtidigt. Det är här hävstången finns.

Fas 4: innehåll och dokument. Alternativtexter, rubriker, PDF-filer och undertexter. Tidskrävande men inte tekniskt svårt.

Fas 5: förhindra att bristerna kommer tillbaka. Automatiska tillgänglighetskontroller i CI, lintregler för JSX eller mallar, och tillgänglighetskriterier i definitionen av klart. Utan det betalar du för granskningen igen om arton månader.

Den närliggande vinsten

Allt ovan förbättrar också synligheten i sökmotorer, Core Web Vitals och konverteringen. En korrekt rubrikstruktur, semantisk markup, riktiga etiketter och tillräcklig kontrast är samma saker som hjälper sökrobotar att tolka en sida och hjälper vanliga användare att slutföra ett köp i mobilen i dåligt ljus.

Det finns också en överlappning med nyare skyldigheter. Transparensreglerna i AI-förordningen (AI Act) kräver att information lämnas på ett tydligt och urskiljbart sätt som uppfyller tillämpliga tillgänglighetskrav, vilket innebär att en AI-upplysning som gömts i en otillgänglig inforuta underkänns två gånger. Det gick vi igenom i artikeln om transparenskraven i AI-förordningen.

Var du ska börja

Har du inte granskats ännu, börja med ett tangentbord. Koppla ur musen och försök slutföra ett köp på din egen webbplats. De flesta team hittar sina tre första problem inom fem minuter, och det är en mer övertygande demonstration för ledningen än någon rapport.

Vi genomför tillgänglighetsgranskningar och åtgärdsprogram för företag som verkar i EU, inklusive arbete med komponentbibliotek och integration i CI så att åtgärderna håller. Mer information finns på sidan om vår tjänst för åtgärder av tillgänglighetsbrister, och det bredare regelverket finns i vår karta över EU:s digitala regelefterlevnad 2026.

Hör av dig till office@c9group.dev om du vill ha en ärlig bedömning av var du står.