Från och med den 28 juni 2025 blir det lagkrav i hela EU att digitala tjänster inklusive e-handelsplatser ska vara tillgängliga för alla. Det innebär att webbplatser, appar, kassa och kundservice måste vara utformade så att även personer med olika funktionsvariationer kan använda dem på ett likvärdigt sätt.
Det här ställer nya krav på dig som säljer produkter online. Och ja, även du som använder Shopify, WooCommerce eller andra färdiga plattformar omfattas. Det handlar inte om att bygga om allt från grunden, utan om att förstå var ansvaret ligger och vilka justeringar som kan göra stor skillnad.
I det här inlägget går vi igenom vad tillgänglighetsdirektivet innebär i praktiken för e-handlare, vilka krav som blir obligatoriska, och vilka delar som är rekommenderade men inte juridiskt bindande.
Vad innebär tillgänglighetsdirektivet?
Tillgänglighetsdirektivet, eller European Accessibility Act (EAA), är ett EU-direktiv som syftar till att skapa likvärdig tillgång till digitala tjänster för alla. Det bygger i grunden på WCAG 2.1 en internationell standard för tillgänglig webbdesign och kraven kommer att vara rättsligt bindande från 28 juni 2025.
För e-handel innebär det bland annat att:
• Webbplatsen ska fungera med tangentbordsstyrning
• Innehåll ska vara läsbart och tydligt strukturerat
• Bilder och media måste ha alternativ för personer med syn- eller hörselnedsättning
• Kassa och kundresa måste gå att använda med hjälpmedel (ex. skärmläsare)
Vad är lagkrav och vad är best practice?
Det är lätt att känna sig överväldigad, men du behöver inte göra allt på en gång. Vi har delat upp det du bör tänka på i två kategorier: det som omfattas av lagen och det som inte är ett direkt krav, men ändå viktigt för användarupplevelse och konvertering.
Lagkrav (gäller från 2025)
Följande punkter blir juridiskt bindande att uppfylla för e-handelsplatser enligt WCAG 2.1 nivå AA:
• Tangentbordsnavigering: Alla delar av sidan måste kunna styras utan mus.
• Alt-texter: Bilder måste beskrivas i text för skärmläsare.
• Färg får inte vara enda informationsbärare: Exempelvis måste felmeddelanden visas både i färg och med text/symbol.
• Formulär och fält: Alla inmatningsfält måste vara korrekt etiketterade.
• Tillgänglig checkout: Kassaflödet måste kunna användas med hjälpmedel.
• Tillräcklig kontrast: Text och bakgrund måste ha tillräcklig kontrast för att vara läsbar.
Dessa krav är inte valfria de är direkt kopplade till lagen, och det kommer kunna göras tillsyn på att de efterlevs.
Best practice (rekommenderas, men inte krav)
Dessa punkter omfattas inte direkt av lagen men är starkt rekommenderade både för att förbättra användarupplevelsen och för att skapa en framtidssäker plattform:
• SEO-optimerade titlar och metabeskrivningar: Hjälper både sökmotorer och användare att förstå innehållet.
• Snabba laddtider: En snabb sajt är bättre för både konvertering och tillgänglighet, särskilt på mobil.
• Hoppa till innehåll-länk: En enkel funktion som gör det möjligt för skärmläsaranvändare att snabbt komma förbi menyer och börja läsa innehållet direkt.
Hall & Hatjes checklista för tillgänglig e-handel
Vi har sammanställt en praktisk checklista i Excel-format som hjälper dig avgöra om din webbplats uppfyller både lagkrav och rekommendationer. Den innehåller:
• Klara punkter att bocka av
• Indelning i olika områden (design, media, formulär, teknik)
• Märkning av vad som är lagkrav och vad som är best practice
Checklistan är gratis och framtagen för att kunna användas både av utvecklare, byråer och interna marknads- eller e-handelsteam. Vill du ha den skickad till dig? Hör av dig så mejlar vi den gärna.
Hur vi på Hall & Hatje kan hjälpa till
Vi arbetar dagligen med att bygga, förbättra och analysera e-handelssajter i Shopify och andra plattformar särskilt för varumärken inom skönhet, wellness och hållbar konsumtion. I vårt arbete integrerar vi tillgänglighet som en naturlig del av både design och teknik.
Vi kan hjälpa dig med:
• Tillgänglig design (UX/UI) och tydlig struktur
• Teknisk granskning enligt WCAG 2.1 AA
• SEO och semantisk uppbyggnad
• Textanpassning för bättre läsbarhet
• Hjälp att förstå vilka delar du själv ansvarar för – och vad din plattform hanterar
Vill du veta hur tillgänglig din webbplats är idag? Vi erbjuder en kostnadsfri första genomgång med rekommendationer.

