Tillgänglighet för Shopify och WooCommerce

Gäller lagen min butik?

Tillgänglighetslagen gäller sedan 28 juni 2025 och omfattar e-handel som riktar sig till konsumenter. Vilken plattform butiken är byggd på spelar ingen roll – kraven gäller webbplatsen, inte tekniken bakom. Undantaget är mikroföretag (färre än 10 anställda och under 2 miljoner euro i omsättning), vars tjänster är undantagna. Läs mer om vem lagen gäller.

Den tekniska måttstocken är WCAG 2.1 på nivå AA. För en webbutik handlar det i praktiken om att hela köpresan – från produktsida till genomförd order – ska gå att använda även för den som är beroende av hjälpmedel.

De vanligaste bristerna i webbutiker

Oavsett plattform återkommer samma problem i butik efter butik. Det här är de vanligaste:

• Produktbilder utan alternativtext. En skärmläsare kan inte beskriva en bild som saknar text. I en butik med hundratals produkter blir det snabbt många brister.
• För låg färgkontrast. Ljusgrå text på vit bakgrund, eller en rea-knapp med svag kontrast, gör innehållet svårläst för många. WCAG kräver ett kontrastförhållande på minst 4,5:1 för normal text.
• Kassans formulärfält utan etiketter. Fält för namn, adress och betalning måste vara kopplade till synliga etiketter, annars vet en skärmläsaranvändare inte vad som ska fyllas i. Just kassan är kritisk – det är där köpet sker.
• Länkar och knappar utan läsbar text. En ikon-knapp för kundvagnen eller en "läs mer"-länk utan sammanhang läses upp som bara "knapp" eller "länk".
• Det går inte att handla med tangentbord. Allt som fungerar med mus måste också fungera med tangentbord – inklusive menyer, filter och kassasteg.

Skanna din butik gratis →

Att tänka på i Shopify

Shopify-butiker bygger på ett tema, och de flesta brister sitter antingen i temats kod eller i ditt eget innehåll. Några vanliga åtgärder:

• Alternativtexter på produktbilder anges per bild i produktadministrationen. Gå igenom dina produkter och beskriv bilderna kort och meningsfullt – lämna alt-texten tom bara för rent dekorativa bilder.
• Kontraster och knapptext justeras i temats inställningar eller dess CSS. Många teman har färgval som ser snygga ut men inte når kontrastkraven; det går att rätta utan att bygga om temat.
• Appar och anpassningar kan introducera egna brister. En popup eller ett filter som lagts till via en app behöver kontrolleras separat.

Ett tema som beskrivs som tillgänglighetsanpassat är en bra start, men ditt eget innehåll avgör ofta utfallet. Även med ett bra tema behöver du kontrollera bilderna, texterna och de appar du lagt till.

Att tänka på i WooCommerce

WooCommerce bygger på WordPress, vilket ger mer kontroll men också mer ansvar för den underliggande koden. Vanliga åtgärder:

• Alternativtexter sätts i mediabiblioteket och per produkt. WordPress har stöd för det inbyggt – det handlar om att faktiskt fylla i fälten.
• Temats kod och kontraster kan justeras i temat eller med egen CSS. Eftersom WordPress-teman varierar mycket är det värt att kontrollera rubrikstruktur och kontraster noggrant.
• Plugins är en vanlig källa till brister, särskilt sådana som lägger till formulär, popups eller egna kassafunktioner. Varje tillägg som rör gränssnittet bör kontrolleras.

Var du börjar

Det enklaste första steget är att skanna butiken. Då ser du vilka brister som finns och var de sitter – ofta är det en hanterbar lista som domineras av just alternativtexter, kontraster och kassans formulär. Därifrån åtgärdar du de tekniska bristerna i temat eller koden, och kompletterar med en manuell genomgång av köpresan med tangentbord och skärmläsare.

Allmenta är byggt för det här: vi skannar butiken, pekar ut bristerna i klartext och ger dig färdig kod att åtgärda dem med – anpassad för om du kör Shopify, WooCommerce eller egen kod.

Vanliga frågor

Den här guiden är allmän vägledning om tillgänglighet i e-handel och utgör inte juridisk rådgivning. Shopify och WooCommerce är varumärken som tillhör sina respektive ägare; Allmenta är inte affilierat med dem.