Tillgänglighetsdirektivet (European Accessibility Act) gäller e-handel i hela EU sedan 28 juni 2025. I Sverige är det genomfört i lagen (2023:254) om vissa produkters och tjänsters tillgänglighet. För en webbutik betyder det att hela köpresan — sök, produktsida, varukorg och kassa — ska gå att använda med tangentbord, skärmläsare och förstoring. Kravnivån motsvarar i praktiken WCAG 2.1 nivå AA. Mikroföretag är undantagna, och Post- och telestyrelsen (PTS) har tillsyn över e-handeln.
Vad direktivet kräver av en webbutik
Lagen ställer krav på e-handelstjänster riktade till konsumenter. Kraven är formulerade som funktioner, inte som teknik: information ska gå att uppfatta med mer än ett sinne, gränssnittet ska gå att använda utan mus, innehållet ska vara begripligt och fungera med hjälpmedel. Den harmoniserade standarden EN 301 549 översätter det till konkreta kriterier, och för webben är de i stort sett desamma som WCAG 2.1 AA. Därtill ska butiken informera om hur tjänsten uppfyller kraven, till exempel i villkoren eller en tillgänglighetsredogörelse.
- Gäller e-handelstjänster till konsumenter sedan 28 juni 2025
- Kravnivån motsvarar WCAG 2.1 AA via standarden EN 301 549
- Butiken ska informera om hur den uppfyller kraven
- PTS har tillsyn och kan förelägga åtgärder
Vem som omfattas — och mikroföretagsundantaget
Undantaget för mikroföretag gäller tjänster, och e-handel är en tjänst. Ett mikroföretag har färre än tio anställda och en årsomsättning eller balansomslutning på högst två miljoner euro. Båda villkoren ska vara uppfyllda. Säljer ni bara till företag omfattas ni inte heller, eftersom lagen gäller tjänster till konsumenter. Alla andra som säljer till privatpersoner i EU omfattas, oavsett plattform. Är ni nära gränsen är det klokt att börja ändå — en tillgänglig butik är också en butik som fler kan handla i.
WCAG översatt till en webbutik
WCAG är skrivet för alla sorters webbplatser. I en butik koncentreras problemen till några få ställen, och där är det också de flesta köp tappas. Tabellen visar vad kraven betyder i praktiken.
| Del av butiken | Vad som krävs | Vanligt fel |
|---|---|---|
| Kassa och formulär | Etiketter på varje fält, tydliga felmeddelanden, hela flödet med tangentbord | Fel som bara visas i rött, utan text |
| Filter och sortering | Går att använda med tangentbord och läses upp av skärmläsare | Filter som bara fungerar med mus |
| Produktbilder | Alternativtext som beskriver produkten | Tom alt-text eller filnamnet |
| Knappar och länkar | Synligt fokus och begriplig text | Ikonknappar utan namn, "Läs mer" överallt |
| Färg och kontrast | Minst 4,5:1 för brödtext | Ljusgrå text på vitt, rea-priser i ljusrött |
| Popup och cookiebanner | Går att stänga med tangentbord, fångar inte fokus | Banner som inte går att nå utan mus |
De vanligaste bristerna i Shopify- och Magento-teman
Plattformarna i sig är inte problemet. Shopifys kassa och de nyare standardtemana är byggda med tillgänglighet i åtanke, och Magento har en tillgänglig grund. Bristerna kommer nästan alltid från anpassningar: ett tema som byggts om utan att fokusmarkeringen följt med, en app som lägger till en popup utan tangentbordsstöd, eller en designer som valt kontraster efter känsla. Vi ser samma mönster i nästan varje granskning:
- Fokusmarkering som tagits bort av designskäl
- Megamenyer och snabbköp-fönster som inte går att nå med tangentbord
- Appar för recensioner, chatt och popuper som bryter mot kraven
- Produktvarianter som väljs med färgrutor utan textnamn
- Bilder med text inbakad, utan motsvarande text på sidan
Testa butiken på en timme
Ni behöver inte vänta på en extern granskning för att hitta de största felen. Lägg undan musen och försök köpa en produkt med bara tangentbordet: Tab framåt, Skift+Tab bakåt, Enter för att välja. Ser du hela tiden var du är? Kommer du hela vägen till bekräftelsen? Kör sedan ett automatiskt test i webbläsaren, till exempel Lighthouse eller axe, på startsida, kategorisida, produktsida och kassa. Automatiska verktyg hittar långt ifrån alla fel, men de de hittar är ofta de enklaste att åtgärda.
Prioriterad åtgärdslista
- 1. Kassan och varukorgen — där tappas köpet och där riskerar ni mest
- 2. Fokusmarkering och tangentbordsnavigering i hela temat
- 3. Etiketter och felmeddelanden i alla formulär
- 4. Kontrast i text, knappar och priser
- 5. Alternativtexter för produktbilder
- 6. Gå igenom apparna — byt ut dem som inte klarar kraven
- 7. Publicera information om hur butiken uppfyller kraven
Ordningen följer risken: ett fel i kassan stoppar köpet helt, en saknad alt-text gör det svårare. Många åtgärder är billiga när de görs i temat en gång, och dyra när de görs sida för sida. Bygger ni nytt eller väljer Shopify-tema är det dags att ställa tillgänglighetskrav i beställningen.
Tillsynen
PTS har tillsyn över e-handelstjänster och kan inleda granskning efter egna urval eller efter anmälan från konsumenter. Myndigheten kan förelägga en butik att åtgärda brister, med vite. Det är alltså inte avgifter som slår till automatiskt, utan krav på rättelse. Det rimliga är att se direktivet som en kvalitetsnivå att nå i ordnad takt — och att börja med det som gör störst skillnad för kunden. Precis som med ångerknappen är det billigare att göra rätt i temat en gång än att laga i efterhand.
