Tillgänglig e-handel: vad din webbshop behöver fixa 2026

Har du en webbshop som säljer till konsumenter? Då är tillgänglig e-handel inte längre en fråga som bara hör hemma i offentlig sektor eller i stora upphandlingar. Sedan den 28 juni 2025 gäller tillgänglighetskrav för flera produkter och tjänster, där e-handelstjänster är ett av de utpekade områdena. För en webbshop handlar tillgänglighet inte bara om juridik. Det handlar om att fler kunder ska kunna hitta rätt produkt, förstå informationen, välja variant, lägga i varukorgen, betala och få hjälp om något går fel. Det är samma delar av köpresan som påverkar konvertering, kundnöjdhet och ofta även SEO. Den här guiden är inte juridisk rådgivning. Se den som en praktisk prioriteringslista för dig som äger, driver eller ansvarar för en svensk webbshop och vill veta vad som bör kontrolleras först.

Gäller tillgänglighetslagen din webbshop?

Tillgänglighetslagen omfattar vissa produkter och tjänster som erbjuds konsumenter. E-handelstjänster ingår, vilket gör frågan relevant för många företag som säljer varor eller tjänster på distans via webbplats eller app. En bra första kontrollfråga är: kan en konsument ingå ett avtal eller genomföra ett köp via webbplatsen? Om svaret är ja bör du behandla köpresan som affärskritisk ur tillgänglighetssynpunkt. Det betyder inte att varje informationssida på en företagswebbplats automatiskt ska bedömas på exakt samma sätt. PTS beskriver att det är de delar som hör till e-handelstjänsten som behöver bedömas. I praktiken kan det ändå bli en stor del av webbplatsen, eftersom menyer, sökfunktioner, kategorier, produktsidor, varukorg och kundservice ofta hänger ihop med möjligheten att köpa.

Glöm inte mikroföretagsundantaget

Mikroföretag kan vara undantagna från kraven på tjänster. Ett mikroföretag definieras i PTS vägledning som ett företag med färre än tio anställda och mindre än två miljoner euro i omsättning. Men ett undantag ska inte bli en ursäkt för en svåranvänd webbshop. Många tillgänglighetsförbättringar är samtidigt vanliga konverteringsförbättringar: tydligare knappar, bättre formulär, bättre kontrast, tydligare felmeddelanden och färre hinder i checkouten.

Vilka delar av webbshoppen bör du kartlägga?

Börja med att rita upp hela köpresan. För många e-handlare är den större än bara produktsidan och kassan.

• Startsida, kampanjytor och menyer som leder kunden vidare.
• Sökfunktion, kategorisidor, filter och sortering.
• Produktkort i listningar och rekommendationsytor.
• Produktsidor med pris, bilder, varianter, lagerstatus och köpknapp.
• Varukorg, rabattkoder, leveransval och betalning.
• Identifiering, säkerhetssteg, BankID-flöden, konton och inloggning när de används i köpet.
• Orderbekräftelse, returer, reklamationer och support kopplad till köpet.
• Information om hur tjänsten fungerar och hur den är tillgänglig.

Om en funktion krävs för att kunden ska kunna köpa, förstå villkoren eller få hjälp med köpet bör den ingå i granskningen.

Vad betyder tillgänglig e-handel i praktiken?

De centrala tillgänglighetsprinciperna brukar sammanfattas som att gränssnitt och innehåll ska vara möjliga att uppfatta, hanterbara, begripliga och robusta. Översatt till e-handel betyder det att kunden ska kunna ta del av informationen, navigera, förstå vad som händer och använda webbshoppen med olika hjälpmedel.

1. Produkter måste gå att hitta

Om kunden inte kan använda huvudmenyn, sökfunktionen eller filtren blir köpet stoppat innan det ens har börjat. Det gäller särskilt om delar av webbshoppen bara fungerar med mus eller bygger på visuella signaler som inte förmedlas i koden. Kontrollera särskilt att:

• det går att använda meny, sök, filter och sortering med tangentbord,
• fokusmarkeringen syns tydligt när användaren tabbar genom sidan,
• filter, färgval, storleksval och reglage har tydliga namn,
• kunden kan återställa filter och komma tillbaka utan att tappa orienteringen,
• produktkort har begriplig länktext och inte bara klickbara bilder.

2. Produktsidan måste vara tydlig

Produktsidan är ofta den viktigaste sidan i en webbshop. Här behöver innehåll, design och kod samspela. Kunden ska förstå vad produkten är, vad den kostar, vilka varianter som finns, om den finns i lager och vad som händer när kunden klickar på köpknappen. Vanliga problem är produktbilder utan meningsfull alt-text, prisinformation som bara framgår visuellt, variantväljare som inte går att nå med tangentbord och knappar som ser ut som knappar men inte är kodade som riktiga knappar. Om du säljer produkter eller tjänster där det finns särskild tillgänglighetsinformation, till exempel information om kompatibilitet med hjälpmedel eller fysisk tillgänglighet i en bokad tjänst, behöver den informationen också återges i webbshoppen när den finns tillgänglig.

3. Checkouten får inte bli ett hinder

Det är i kassan tillgänglighetsbrister ofta blir direkt mätbara som tappade köp. Ett formulär utan etiketter, ett felmeddelande som bara markeras med röd färg eller en betalningsruta där fokus fastnar kan räcka för att kunden ska avbryta. Granska checkouten extra noggrant:

• Alla formulärfält ska ha tydliga etiketter och instruktioner.
• Felmeddelanden ska beskriva vad som är fel och hur felet rättas.
• Det ska gå att genomföra köpet med tangentbord.
• Fokus ska inte fastna i popup-fönster, cookie-banner, fraktväljare eller betalmodul.
• Leverans- och betalningsalternativ ska vara begripliga även utan att se layouten.
• Säkerhetsfunktioner, identifiering och betalning ska ha ett tillgängligt sätt att användas.

Om du använder en extern checkout betyder det inte att användarupplevelsen kan lämnas åt leverantören utan kontroll. Kunden upplever fortfarande flödet som en del av din webbshop. Be därför om dokumentation, testa i den riktiga miljön och kontrollera flödet igen efter större uppdateringar.

4. Informationen om tjänsten ska vara lätt att hitta

För tjänster som omfattas behöver kunden få information om hur tjänsten fungerar och hur den uppfyller tillgänglighetskraven. Informationen ska i sig vara tillgänglig och lätt att nå. För en webbshop är det ofta klokt att samla detta på en tydlig sida och länka till den från sidfoten, kundserviceytor och relevanta köpvillkor. Gör informationen konkret. Beskriv inte bara att ni arbetar med tillgänglighet. Berätta hur kunden kan använda webbshoppen, vilka hjälpmedel eller webbläsare ni har testat med, vilka kända brister som finns, hur kunden kan kontakta er och hur ni prioriterar åtgärder.

WCAG, EN 301 549 och e-handel

WCAG är de internationella riktlinjerna för tillgängligt webbinnehåll. För webbshoppar är WCAG ett viktigt tekniskt riktmärke, särskilt nivå A och AA. Men PTS är tydlig med att WCAG inte ensamt täcker hela bilden. Den europeiska standarden EN 301 549 är bredare och omfattar fler typer av digitala produkter, tjänster och stödfunktioner. Praktiskt innebär det här att en e-handlare bör tänka i två nivåer:

• Webbgränssnittet: sidor, komponenter, formulär, navigation, bilder, kontraster, fokusordning och semantik.
• Tjänsten runt köpet: information om tjänstens tillgänglighet, support, betalningsfunktioner, identifiering, säkerhetsfunktioner och eventuella tredjepartsflöden.

Automatiska testverktyg är bra för att hitta tekniska fel, men de räcker inte. De kan missa om instruktioner är begripliga, om fokusordningen känns logisk, om en knapptext hjälper kunden vidare eller om ett felmeddelande faktiskt går att förstå.

Vanliga problem i WordPress och WooCommerce

För webbshoppar som bygger på WordPress och WooCommerce avgörs tillgängligheten av helheten: tema, tillägg, sidbyggare, checkout, innehåll, egna anpassningar och hur allt uppdateras över tid. Ett bra grundtema kan försämras av ett otillgängligt plugin, och ett snyggt specialbyggt tema kan sakna rätt semantik i koden. Kontrollera särskilt:

• Teman och menyer: dropdown-menyer, mobilmenyer och mega-menyer ska gå att använda utan mus.
• Filter och produktlistningar: reglage, kryssrutor och sortering ska ha tydliga namn och fungera med tangentbord.
• Formulär: använd riktiga etiketter, inte bara placeholder-text.
• Popup-fönster: nyhetsbrev, rabattkoder och cookie-lager får inte störa fokus eller blockera köpresan.
• Kontraster: grå text, ljusa kampanjknappar och text ovanpå bilder behöver kontrolleras.
• Alt-texter: produktbilder som bär information ska beskrivas, medan dekorativa bilder inte ska skapa brus.
• Rubrikstruktur: rubriker ska beskriva sidans struktur, inte bara användas för visuell storlek.
• Checkout-tillägg: testa efter uppdateringar av WooCommerce, betalmoduler och fraktlösningar.

Planerar du en ny webbshop är det smartare att bygga in tillgänglighet från början än att försöka reparera ett låst tema, ett tungt pluginpaket eller en checkout som redan skapar friktion.

Så prioriterar du arbetet utan att fastna

Tillgänglighet kan kännas stort, men arbetet blir hanterbart om du börjar där risken och affärsnyttan är störst. Lägg första insatsen på de flöden som leder till köp, bokning eller kontakt.

1. Kartlägg huvudresan. Välj en vanlig kundresa från startsida till genomfört köp.
2. Testa tangentbordet. Tabba genom meny, sök, filter, produktsida, varukorg och betalning. Du ska hela tiden se var du är.
3. Kör automatiska tester. Använd dem för att hitta kontrastfel, saknade etiketter och tekniska brister, men komplettera manuellt.
4. Granska formulär och felmeddelanden. Kunden ska förstå vad som ska fyllas i, vad som blev fel och hur felet rättas.
5. Kontrollera återkommande komponenter. Produktkort, knappar, modaler, menyer och filter används ofta på många sidor.
6. Testa tredjepartsflöden. Betalning, frakt, identifiering, chatt och cookie-lösningar kan skapa hinder.
7. Skapa redaktionella rutiner. Alt-texter, rubriker, länkar och produktinformation behöver fungera även när nya produkter läggs upp.
8. Dokumentera brister och åtgärder. Spara vad ni har testat, vad ni har åtgärdat och vad som ligger i plan.

Prioritera inte bara efter vad som är enklast att fixa. Prioritera efter vad som hindrar flest kunder eller ligger närmast köpet.

Tillgänglighet, SEO och konvertering hänger ihop

Tillgänglig e-handel är inte samma sak som SEO, men områdena överlappar. En tydlig rubrikstruktur, begriplig produktinformation, bra intern navigering, textalternativ till viktiga bilder och en stabil upplevelse hjälper både människor och system att förstå webbplatsen. Det finns också en tydlig koppling till konvertering. När formulär blir enklare, felmeddelanden tydligare och knappar mer begripliga minskar friktionen för alla kunder. Tillgänglighet ska därför inte behandlas som ett separat sidoprojekt. Det bör vara en del av kvalitetsarbetet i hela köpresan. Arbetar du redan med sökmotoroptimering är tillgänglighet ett naturligt nästa steg. Det gör webbplatsen tydligare, mer robust och lättare att använda.

När är det dags att ta hjälp?

Du kan komma långt med grundläggande tester om webbshoppen är liten och byggd med standardfunktioner. Men ta hjälp om du har många produkter, anpassade funktioner, flera språk, externa betalflöden, specialbyggda mallar eller återkommande problem i checkouten. För många företag är den bästa starten en prioriterad granskning av mallar och köpresa. Då får du veta vilka hinder som är mest akuta, vilka som påverkar köpflödet och vilka åtgärder som bör planeras in i utvecklingen. WebCreative hjälper företag i Skaraborg och resten av Sverige med granskning, prioritering och åtgärder i WordPress och WooCommerce. Vi kan också bygga om delar av köpresan när grunden är för svag för att justeras effektivt. Vill du veta om din webbshop stoppar kunder i onödan? Läs mer om hur vi arbetar med webbshoppar eller kontakta WebCreative så hjälper vi dig att prioritera rätt åtgärder först.

Vanliga frågor

Måste alla webbshoppar följa tillgänglighetslagen?

Inte alltid. Lagen omfattar e-handelstjänster som erbjuds konsumenter, men mikroföretag kan vara undantagna från kraven på tjänster. Varje företag behöver göra en egen bedömning av om verksamheten och köpresan omfattas.

Räcker det att följa WCAG för en webbshop?

WCAG är ett viktigt tekniskt riktmärke, särskilt för webbgränssnittet, men det räcker inte alltid för hela tjänsten. E-handel behöver även se till sådant som information om tjänstens tillgänglighet, support, identifiering, säkerhetsfunktioner och betalningsfunktioner.

Räcker det att installera ett tillgänglighetsplugin i WordPress?

Nej. Ett plugin kan hjälpa med vissa detaljer, men kan inte ersätta korrekt kod, bra kontraster, tydliga formulär, fungerande tangentbordsnavigering, begripligt innehåll och testning av hela köpresan.

Vilka delar av webbshoppen bör kontrolleras först?

Börja med det som påverkar köp: meny, sök, kategorier, filter, produktsida, varukorg, checkout, betalning och support. Där blir tillgänglighetsbrister ofta både affärskritiska och juridiskt kännbara.

Hur ofta bör en webbshop tillgänglighetstestas?

Testa vid större designändringar, nytt tema, nya checkout- eller betalningslösningar och större pluginuppdateringar. Aktiva webbshoppar bör också ha grundläggande tillgänglighetskontroller i sitt löpande underhåll.