Tillgänglighet i WooCommerce: tema, sidbyggare och kassatillägg

5 oktober 2026

Vad WordPress menar med temat accessibility-ready, var felen i WooCommerce-butiker brukar sitta (tema, sidbyggare, kassa, betaltillägg) och hur du kontrollerar och rättar dem.

Det här är teknisk vägledning och inte juridisk rådgivning. För tolkningsfrågor om tillgänglighetslagen, vänd dig till Post- och telestyrelsen (PTS).

WooCommerce är ett tillägg till WordPress, och en butik byggs därför av flera delar från olika håll: WordPress, WooCommerce, ett tema, kanske en sidbyggare och ett antal tillägg för kassa, betalning och frakt. Varje del kan vara tillgänglig eller inte, och det är kombinationen som kunden möter. Här går vi igenom vad märkningen "accessibility-ready" betyder, var felen brukar uppstå och hur du hittar och rättar dem.

Vad "accessibility-ready" betyder

WordPress.org ger teman som uppfyller en lista med minimikrav taggen accessibility-ready. WordPress egen dokumentation är tydlig med vad taggen inte är: den betyder inte att temat uppfyller WCAG på nivå AA, utan att det når de minimikrav som granskningsteamet har satt. Kraven är baserade på WCAG men anpassade för teman.

Under 2026 skrev WordPress om kraven för första gången sedan 2012. Rekommendationer togs bort så att bara krav återstår, och nya krav tillkom, bland annat stöd för omflöde, textstorlek och textavstånd samt att oväntade kontextbyten ska undvikas. De teman som redan har taggen fick en tidsfrist att uppdatera sig. Samtidigt påpekar WordPress att WCAG inte gäller direkt för teman eftersom WCAG mäter innehåll, och ett tema bara är ramen runt innehållet.

Praktiskt innebär det: välj gärna ett tema med taggen och som uttryckligen stöder WooCommerce, men räkna med att kontrollera butiken ändå. Temat säger inget om dina texter, bilder, sidbyggarsidor eller tillägg.

Var felen brukar sitta

Temat

Även ett bra tema tappar tillgänglighet när det anpassas. Vanliga fel: egna färger med för låg kontrast (WCAG 1.4.3), fokusmarkering som tas bort i den egna CSS:en (2.4.7), menyer som bara öppnas med muspekaren (2.1.1) och en meny på mobil som inte går att stänga med tangentbordet. Kontrollera också att det finns en genväg till huvudinnehållet ("hoppa till innehåll") och att den syns när den får fokus.

Sidbyggare

Sidbyggare gör det lätt att bygga snygga sidor och lika lätt att bygga sidor som saknar struktur. Fallgropar:

Rubriker som bara är stor text. Använd riktiga rubriknivåer (h1 till h6) i sidans ordning, inte för att få en viss storlek (WCAG 1.3.1).
Knappar som egentligen är bilder eller länkar utan text, och länkar som heter "Läs mer" flera gånger på samma sida (2.4.4).
Text i bilder utan alternativtext (1.1.1).
Rörliga reglage och animationer som inte går att pausa (2.2.2).
Layouter som kräver sidledes rullning vid förstoring av texten (1.4.10).

Gå igenom varje sidmall en gång. Det som är fel i en mall är fel på alla sidor som använder den, och rättas också på ett ställe.

Produktsidor och varianter

Produktbilder behöver alternativtext som beskriver bilden. Kontrollera att varianter (till exempel storlek och färg) går att välja med tangentbord, att valet framgår med mer än färg (1.4.1) och att fältens etiketter är kopplade till fälten (1.3.1). Mängdfältet och knappen "Lägg i varukorgen" ska ha tydliga namn.

Kassa och betalning

I WooCommerce kan kassan vara byggd som ett block eller som äldre sidor med kortkod, beroende på butikens inställningar och version. Titta efter vilket du har, eftersom felen och rättningarna skiljer sig åt. Fel i kassan stoppar köpet och är därför viktigast. Se vår genomgång av de vanligaste felen i kassan. Tillägg för betalning, frakt och leveransval lägger egna fält, rullgardiner och fönster i kassan. Ett betalfönster som fångar tangentbordsfokus (2.1.2), ett fält utan etikett (3.3.2, 4.1.2) eller ett felmeddelande som bara visas med färg (3.3.1) är det som oftast dyker upp.

Tillägg i övrigt

Popup-fönster, cookiebanderoller, chattar, recensionstillägg och filter lägger kod i butiken som du inte själv har skrivit. WordPress nya krav för teman anger att ett tema inte får rekommendera tillägg som är otillgängliga, men det gäller teman som lämnas in till WordPress.org, och inte tillägg du själv väljer att installera. De måste du kontrollera själv.

Så kontrollerar du

Gå igenom köpresan med bara tangentbordet: startsida, kategori, produkt, varukorg, kassa, bekräftelse. Se vår arbetsgång för att testa mot WCAG själv.
Kör ett automatiskt test på varje sidtyp. Inaktivera misstänkta tillägg på en testkopia av butiken om du vill veta vilket som orsakar ett fel.
Förstora sidan till 200 procent och kontrollera att inget text hamnar utanför eller över annat (1.4.4, 1.4.10).
Lyssna på produktsidan och kassan med en skärmläsare (NVDA på Windows, VoiceOver på Mac och iPhone).
Notera varje fel med sida, element och WCAG-kriterium.

Så rättar du

Ditt eget innehåll och dina inställningar: rubriker, alternativtexter, länktexter och färger går att rätta direkt i redigeraren och temats inställningar.
Temat: använd ett barntema (child theme) för egna ändringar i kod och stilmallar, så att de finns kvar vid uppdatering av temat.
Sidbyggaren: kontrollera inställningar för rubriknivåer och alternativtexter i varje modul. Rätta mallarna först.
Ett tillägg: uppdatera, leta efter en inställning och kontakta annars leverantören med sida, element och kriterium. Finns ingen rättning, byt tillägg.
Det du inte kan rätta: skriv in det i din tillgänglighetsinformation med hur kunden når dig. Se tillgänglighetslagen för e-handel.

Börja med det som stoppar köp: kassan, varianterna och knappar utan namn. Kontrast och fokusmarkering går ofta att rätta på ett ställe i stilmallen.

AccessAudit

AccessAudits gratis test på butik.nightwave.se/tillganglighet läser källkoden på upp till fem sidor i din butik och rapporterar fel som syns där, till exempel fält utan etikett, knappar utan namn och saknade alternativtexter. Testet kontrollerar inte kontrast, synlig fokus eller tangentbordsnavigering. Vill du ha löpande kontroll finns ett abonnemang för 1 990 kr per månad exklusive moms för upp till 30 sidor. Det är teknisk granskning mot WCAG, inte juridisk rådgivning.