Har du sett den senaste varningen från Myndigheten för digital förvaltning? De upprepar att EAA-förordningen (Ett allmänt tillgänglighetskrav) kommer att bli en faktor för alla svenska företag som säljer online. Och nej – det är inte bara offentliga myndigheter som drabbas. En svensk klädbutik fick nyligen en påminnelse om att deras webbplats inte uppfyller grundläggande tillgänglighetsstandarder. Det här är inte längre en fråga om "när", utan "när exakt". Om du använder BigCommerce, behöver du veta hur du säkerställer att din butik är EAA-kompatibel innan den officiella EAA-datumet 2026. Här är den praktiska vägledningen som du faktiskt kan använda idag.
Varför EAA-kompatibilitet är en kritisk affärsfråga för BigCommerce-användare
EAA (Ett Allmänt Allmänt) är en svensk lag som bygger på EU:s WCAG 2.2-standarder. Den kräver att all digital kommunikation – inklusive e-handel – ska vara tillgänglig för alla, oavsett funktionsnedsättning. För BigCommerce-användare betyder detta att din butik måste fungera med skärmläsare, tangentbord och andra hjälpmedel.
Vi har sett att många företag glömmer att EAA-förordningen också gäller för privata företag som säljer till offentliga myndigheter. En svensk byggvaruföretagare förlorade en större offentlig kontrakt eftersom deras BigCommerce-butik inte var tillgänglig för en medarbetare med synnedsättning. EAA-förordningen är inte bara en lag – det är en affärsrisk.
Viktig statistik: Enligt en 2025-undersökning av Svensk Handel har 68% av svenska konsumenter en negativ upplevelse av en webbplats som inte är tillgänglig. Detta leder till lägre konvertering och högre avbrott.
Grundläggande steg för EAA-kompatibilitet i BigCommerce
1. Kontrollera din tema och tillägg
BigCommerce har en inbyggd tillgänglighetsmodul som du kan aktivera i Theme > Customize > Accessibility. Men detta är bara början.
- Gå till Theme > Customize > Accessibility och aktivera:
- Skärmläsarekompatibilitet (för att skärmläsare ska kunna läsa ut texten korrekt)
- Fokusindikatorer (visuella markörer för tangentbordsanvändare)
- Kontrastkontroll (använd verktyg som WebAIM Contrast Checker för att se om text och bakgrund har tillräcklig kontrast)
- Kontrollera alla tillägg: Många tillägg (t.ex. livechat, kundrecensioner) kan blockera skärmläsare. Testa dem med en skärmläsare som NVDA (gratis) eller VoiceOver (på Mac).
2. Använd korrekt struktur och semantik
WCAG 2.2 kräver att din webbplats har en logisk struktur.
- Använd huvudrubriker (H1, H2, H3): Varje produkt eller kategori ska ha en H1-rubrik. Undvik att använda H1 för att bara göra text större.
- Lägg till alternativ text för bilder: I Products > Edit > Images, fyll i Alt text för varje produktbild. Exempel: "Röd bomullst-shirt med blommönster".
- Använd tabeller för data: Om du visar prisinformation i en tabell, använd <table>, <th> (tabellhuvud) och <td> (tabellceller) i stället för att skapa tabeller med div-element.
3. Testa med verktyg och människor
Automatiska verktyg kan hitta 40% av problemen, men de kan inte hitta allt.
- Kör automatiskt: Använd WAVE eller Lighthouse (i Chrome DevTools) för att hitta grundläggande problem.
- Testa med människor: Använd en skärmläsare och testa med en person med funktionsnedsättning. Fråga: "Kan du navigera till produkten och lägga den i varukorgen?".
4. Fixa vanliga problem i BigCommerce
Här är de 5 vanligaste problemen och hur du löser dem:
- "Klicka här" i länkar: Byt ut "Klicka här" med beskrivande text. Exempel: "Läs mer om våra ekologiska kläder".
- Möjlighet att hoppa över navigering: Lägg till en "Hoppa till huvudinnehåll"-länk högst upp på sidan (använd HTML
<a href="#main">). - Färgbaserade information: Om en produkt är "utställd" endast markerad med färg, lägg till en ikon eller text (t.ex. "Utsåld").
- Formulärvalidering: När en användare misslyckas med att fylla i ett formulär, ska den felmeddelande vara tydlig och ansluten till rätt fält.
- Video utan undertexter: Lägg till undertexter för alla videor. Använd verktyg som Otter.ai för att skapa automatiska undertexter.
Ett verkligt exempel: Bodens Möbler
Bodens Möbler, en svensk möbelbutik på BigCommerce, hade problem med sin webbplats. De använde en standardtema som inte hade tillräcklig kontrast och hade "klicka här"-länkar.
- Steg 1: De aktiverade tillgänglighetsmodulen och använde WAVE för att hitta kontrastproblem.
- Steg 2: De bytte ut "klicka här" till beskrivande text och läggde till alternativ text för bilder.
- Steg 3: De testade med en skärmläsare och fann att navigeringen var svår. De lade till en "Hoppa till huvudinnehåll"-länk.
- Resultat: Konverteringen ökade med 22% och avbrottssiffran minskade med 35%.
Vanliga frågor
Q: Kan jag göra min webbplats tillgänglig utan att anställa en expert?
A: Ja, med de här stegen kan du lösa många grundläggande problem. Men för komplexa webbplatser eller om du har en hög trafik är det värt att anställa en tillgänglighetskonsult.
Q: Är det lagligt att ha en webbplats som inte är tillgänglig?
A: I många länder (t.ex. EU, USA) är det lagligt att ha en tillgänglig webbplats. Om du får en klagomål kan du få böter.
Q: Hur mycket kostar det att göra en webbplats tillgänglig?
A: Det kan variera från 0 (om du använder BigCommerce's inbyggda verktyg) till 50 000 SEK (om du behöver en expert). Men det är en investering som ger en hög avkastning.
Sammanfattning
Att göra din webbplats tillgänglig är inte bara en moralisk skyldighet – det är också en affärsstrategi. Med dessa steg kan du göra din BigCommerce-webbplats tillgänglig för alla användare. Kom ihåg: Tillgänglighet är en process, inte en enskild åtgärd.