Gør din Shopify-webshop virkelig tilgængelig. EAA & WCAG, uden overlay

Sandheden: Shopify er ikke tilgængeligt som standard

Et standard Shopify Online Store 2.0-tema som Dawn eller Sense scorer bedre end mange webshops, men opfylder sjældent WCAG 2.2 AA af sig selv. Så snart du installerer apps, tilpasser dit tema eller tilføjer produkter uden alt-tekst, opstår der barrierer, som dine kunder, og European Accessibility Act, ikke accepterer.

Hvad der ofte går galt på Shopify

• AJAX-kurvskuffen fanger tastaturfokusNår en kunde tilføjer noget, glider kurvskuffen frem. I mange Shopify-temaer bliver fokus hængende inde i den (focus trap), så tastatur- og skærmlæser-brugere ikke længere kan nå betalingsknappen.
• Predictive search uden aria-statusAJAX-søgeforslagene mangler ofte aria-expanded og en live-region, så en skærmlæser aldrig melder, at der dukker resultater op.
• Farve-swatches og filtre uden statusVariant-swatches og kollektionsfiltre mangler jævnligt aria-checked eller aria-expanded, brugeren (og maskinen) kan ikke se, hvilket filter eller hvilken farve der er aktiv.
• Liquid-billeder uden alt-tekstAutomatisk genererede Liquid img-tags sender ofte alt-teksten fra Shopify-administrationen videre som tom eller kryptisk, ulæselig for skærmlæsere og Google.

Sådan ser en rigtig løsning ud

Tag indkøbskurvens ikon-knap i dit Liquid-tema. Uden et tilgængeligt navn hører en skærmlæser-bruger kun 'knap'. Løsningen er ét attribut, ingen genopbygning:

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

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

Hvad du får

Med et rapporterings-værktøj betaler du for licensen og dine udviklere til at løse fejlene. Hos Seviranta er løsningen inkluderet, ingen dobbeltregning.

Beskyt din konvertering og din juridiske status

En app, der klistrer et tilgængeligheds-ikon oven på dit Shopify-website, er en risiko for din forretning. Fakta på række:

Mit tema kommer fra Theme Store. Er det så ikke allerede godkendt?

Theme Store kræver en gennemsnitlig Lighthouse-tilgængelighedsscore på 90 og en liste af grundkrav: tastatur, synligt fokus, alt-tekster, kontrast, labels. Det er et godt grundlag, men Lighthouse tester kun en del af WCAG, og dine farver, dit indhold, dine apps og tilpasninger kommer oveni. En tilsynsmyndighed tester den publicerede butik.

Jeg sælger også til Tyskland eller Frankrig. Hvad gælder der for min Shopify-butik?

Tyskland: BFSG har gjaldt for B2C-webshops siden den 28. juni 2025, med en undtagelse for mikrovirksomheder (færre end ti personer og højst 2 millioner euro i omsætning eller balancesum); tilsyn ved Marktüberwachungsstelle der Länder (MLBF). Frankrig: siden den 28. juni 2025 er e-handel omfattet af EAA-implementeringen i Code de la consommation, med samme undtagelse for mikrovirksomheder, under tilsyn af DGCCRF; målestokken er RGAA (WCAG 2.1 AA). I begge lande tæller den publicerede butik, ikke at du bruger Shopify.

Kan Seviranta scanne og rette Shopify-checkouten?

Scanne, ja: vi tester de publicerede sider, inklusive kurv og checkout. Rette: det, der ligger i dit tema og dine apps, leverer vi som en rettelse i din egen kode. Det, der ligger i selve Shopifys checkout, kan du kun påvirke via branding-indstillingerne. Vores rapport skelner mellem de to, så din dokumentation er korrekt.

Er en Shopify accessibility-widget nok til EAA?

Nej. En widget lægger et lag oven på dit website, men reparerer ikke den underliggende kode og tæller ikke som strukturel compliance.

Falder min Shopify-checkout ind under EAA?

Ja. Checkouten og navigationen er udtrykkeligt en del af forpligtelsen under WCAG 2.1 AA.

Scanner Seviranta også mine Shopify-apps?

Ja. Vi tester den endelige genererede HTML, tema plus apps, sådan som en tilsynsmyndighed gør.

Gør det her mit Shopify-website langsommere?

Nej. Vi scanner eksternt fra vores EU-servere; der kommer intet script på dit website. 0% indvirkning på din indlæsningshastighed og dine Core Web Vitals.