Gör din Shopify-butik verkligt tillgänglig. EAA och WCAG, utan overlay

Sanningen: Shopify är inte tillgängligt automatiskt

Ett standard-Shopify-tema för Online Store 2.0 som Dawn eller Sense får bättre betyg än många webbutiker, men uppfyller sällan WCAG 2.2 AA av sig självt. Så fort du installerar appar, anpassar ditt tema eller lägger till produkter utan alt-text uppstår hinder som dina kunder, och European Accessibility Act, inte accepterar.

Vad som ofta går fel på Shopify

• AJAX-kundvagnslådan fångar tangentbordsfokusNär en kund lägger till något glider kundvagnslådan in. I många Shopify-teman fastnar fokus inuti den (focus trap), så att tangentbords- och skärmläsaranvändare inte längre når kassaknappen.
• Predictive search utan aria-statusAJAX-sökförslagen saknar ofta aria-expanded och en live-region, vilket gör att en skärmläsare aldrig meddelar att resultat har dykt upp.
• Färgswatchar och filter utan statusVariantswatchar och kollektionsfilter saknar regelbundet aria-checked eller aria-expanded, användaren (och maskinen) ser inte vilket filter eller vilken färg som är aktiv.
• Liquid-bilder utan alt-textAutomatiskt genererade Liquid-img-taggar skickar ofta alt-texten från Shopify-administrationen vidare tom eller kryptisk, oläsbar för skärmläsare och Google.

Så här ser en riktig fix ut

Ta kundvagnens ikonknapp i ditt Liquid-tema. Utan ett tillgängligt namn hör en skärmläsaranvändare bara 'knapp'. Fixen är ett enda attribut, ingen ombyggnad:

<button class="cart-toggle">
  {% render 'icon-cart' %}
</button>

<button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
  {% render 'icon-cart' %}
</button>

Vad du får

Med ett rapporteringsverktyg betalar du licensen och dina utvecklare för att lösa felen. Hos Seviranta ingår fixen, ingen dubbel räkning.

Skydda din konvertering och din juridiska ställning

En app som klistrar en tillgänglighetsikon över din Shopify-sajt är en risk för din verksamhet. Fakta i korthet:

Mitt tema kommer från Theme Store. Är det inte redan godkänt?

Theme Store kräver ett genomsnittligt Lighthouse-tillgänglighetsbetyg på 90 och en lista med grundkrav: tangentbord, synligt fokus, alt-texter, kontrast, etiketter. Det är en bra grund, men Lighthouse testar bara en del av WCAG, och dina färger, ditt innehåll, dina appar och anpassningar kommer ovanpå. En tillsynsmyndighet testar den publicerade butiken.

Jag säljer också till Tyskland eller Frankrike. Vad gäller där för min Shopify-butik?

Tyskland: BFSG gäller sedan den 28 juni 2025 för B2C-webbutiker, med ett undantag för mikroföretag (färre än tio personer och högst 2 miljoner euro i omsättning eller balansomslutning); tillsyn av Marktüberwachungsstelle der Länder (MLBF). Frankrike: sedan den 28 juni 2025 omfattas e-handel av EAA-införlivandet i Code de la consommation, med samma undantag för mikroföretag, under tillsyn av DGCCRF; måttstocken är RGAA (WCAG 2.1 AA). I båda länderna räknas den publicerade butiken, inte att du använder Shopify.

Kan Seviranta skanna och åtgärda Shopify-checkouten?

Skanna, ja: vi testar de publicerade sidorna, inklusive varukorg och checkout. Åtgärda: det som ligger i ditt tema och dina appar levererar vi som en fix i din egen kod. Det som ligger i Shopifys egen checkout kan du bara påverka via branding-inställningarna. Vår rapport gör den skillnaden, så att din dokumentation stämmer.

Räcker en Shopify accessibility-widget för EAA?

Nej. En widget lägger ett lager över din sajt, men reparerar inte den underliggande koden och räknas inte som strukturell compliance.

Omfattas min Shopify-kassa av EAA?

Ja. Kassan och navigeringen är uttryckligen en del av kravet under WCAG 2.1 AA.

Skannar Seviranta även mina Shopify-appar?

Ja. Vi testar den slutgiltiga genererade HTML:en, tema plus appar, så som en tillsynsmyndighet gör.

Gör det här min Shopify-sajt långsammare?

Nej. Vi skannar externt från våra EU-servrar; inget skript hamnar på din sajt. 0 % påverkan på din laddningstid och dina Core Web Vitals.