Tillgänglighet i Quickbutik: vad som är ditt ansvar

20 oktober 2026

Vad Quickbutiks hjälpcenter säger om teman, bilder, sidtitlar och kassa, vad du själv måste rätta i butiken och hur du kontrollerar det.

Det här är teknisk vägledning och inte juridisk rådgivning. För tolkningsfrågor om Lag (2023:254) om vissa produkters och tjänsters tillgänglighet, vänd dig till Post- och telestyrelsen (PTS).

Quickbutik är en svensk plattform för små webbutiker. Många som driver en butik där utgår från att plattformen tar hand om tillgängligheten. Vi har läst Quickbutiks hjälpcenter för att se vad som faktiskt står där, och sammanfattar det här tillsammans med vad som blir ditt ansvar.

Vad Quickbutik sköter

Quickbutiks hjälpcenter har inga sidor om WCAG eller tillgänglighet som vi har kunnat hitta när vi läste det i oktober 2026, varken bland hjälpartiklarna eller på sidorna om funktioner, designmallar, Design Studio och Quickbutik Checkout. Vi kan därför inte säga att något tema eller någon del av plattformen uppfyller WCAG, och det ska du inte heller anta. Fråga Quickbutiks support om du behöver ett skriftligt besked för ditt tema.

Det hjälpcentret däremot beskriver är hur butiken är uppbyggd:

Alla teman är mobilanpassade enligt Quickbutik. Hjälpsidan om mobilanpassning varnar samtidigt för att egna kodändringar och externa inbäddningar, till exempel en Instagram-widget eller en recensionssida från tredje part, kan göra att butiken inte längre är mobilanpassad. Mobilanpassat är inte samma sak som tillgängligt, men varningen om externa inslag gäller även tillgängligheten.
Från prisplanen Standard har du åtkomst till temats källkod (HTML, CSS och JavaScript) under Webbutik > Utseende och Redigera kod. Med planen Startup har du den inte.
Kassans källkod är av säkerhetsskäl inte tillgänglig för egna ändringar. Det du kan välja i kassan är enstegs- eller tvåstegskassa och en fritext, under Inställningar > Kassa & utformning.

Det betyder två saker. Du kan själv rätta mycket i temat om du har Standard eller Pro, men kassans uppbyggnad kan du inte ändra. Ett fel i kassans kod måste därför tas upp med Quickbutik.

Det du själv ansvarar för

Tema och färger

Färger och typsnitt ställer du in per tema i temaredigeraren. Hjälpsidan för temat Nova beskriver sektionen Färger och typsnitt, där du anger textfärg och färg för olika delar av temat. Byter du tema måste du ställa in färger, typsnitt och sektioner på nytt, enligt Quickbutik. Kontrollera därför kontrasten (Kontrast (minimum)) varje gång du ändrat färger, och att fokusmarkeringen syns (Synligt fokus). Har du ändrat temats CSS är det du som ansvarar för att fokusramen inte tagits bort.

Produktbilder och alt-text

Quickbutik beskriver hur du lägger in en alt-text på en produktbild: öppna produkten, klicka på ikonen med frågetecknet vid bilden och fyll i bildinformationen. Hjälpsidan råder dig att beskriva innehållet som om du gjorde det för någon som inte kan se bilden. Det är rätt riktning för Innehåll som inte är text. Beskriv det en köpare behöver veta, till exempel färg och form, och upprepa inte bara produktnamnet. Bilder som du lägger i beskrivningsfält och informationssidor behöver också alt-text, och här anger hjälpcentret inte hur det görs, så kontrollera i sidans källkod.

Sidtitlar och språk

Butikens titel ändras under Webbutik > Sökmotoroptimering (SEO), och beskrivningen under Inställningar > Varumärke. Quickbutik rekommenderar cirka 70 respektive 156 tecken. En tydlig titel som skiljer sidorna åt är också ett WCAG-krav: Sidans titel. Huvudspråket väljer du under Inställningar > Allmänt, och Quickbutik anger att svenska är förvalt för en svensk butik. Om temat också sätter språk i sidans kod, som kriteriet Sidans språk kräver, beskriver hjälpcentret inte. Titta efter attributet lang i sidans källkod.

Rubriker, formulär och länkar

Hur rubriker och länkar blir beror på temat och på hur du skriver. Använd rubrikformaten i rätt ordning och inte stor fet text (Information och relationer). Länkar som bara heter ”läs mer” eller ”klicka här” säger lite i en lista med länkar (Syftet med en länk (i sammanhanget)). Fält i formulär ska ha etiketter som sitter ihop med fältet. Det gäller dina egna formulär i temat. Kassans fält styr Quickbutik.

Kassan och tillägg

Eftersom du inte kan ändra kassans kod är din kontroll av kassan en kontroll av det kunden möter, inte av koden. Gå igenom den med tangentbordet och fyll i ett fält fel med flit. Läs gärna vår genomgång av de vanligaste felen i kassan. Allt du själv lägger till, som en varukorgspopup, en chatt, en cookieruta eller en inbäddad widget, kan skapa fel som Ingen tangentbordsfälla eller knappar utan namn (Namn, roll, värde). Testa varje inslag som syns för kunden.

Så kontrollerar du butiken

Kör det gratis testet på butik.nightwave.se/tillganglighet. Det läser källkoden på upp till fem sidor och hittar sådant som fält utan etikett, knappar utan namn och saknade alt-texter. Det kontrollerar inte kontrast, synlig fokus eller tangentbordsnavigering.
Gå igenom checklistan för de kriterier som testet inte kan se.
Gå igenom köpresan med bara tangentbordet: startsida, kategori, produkt, varukorg, kassa. Tab, Skift+Tab, Enter och Esc räcker.
Skriv ned varje fel med sidan, elementet och kriteriet. Då går det att rätta och följa upp.

Vanliga fel att leta efter

För låg kontrast efter att färger ändrats i temat.
Fokusmarkering som tagits bort i egen CSS.
Produktbilder utan alt-text eller med bara filnamn.
Bilder med text i, till exempel kampanjbanners, utan alt-text.
Inbäddade widgetar och popups som fångar tangentbordsfokus.
Sidor med samma titel.

Rangordna efter effekt: börja med det som hindrar ett köp och ta därefter kontrast, alt-texter och titlar.

Nästa steg

Det du inte kan rätta, till exempel ett fel i kassans kod, ska du kunna beskriva i din tillgänglighetsinformation tillsammans med hur kunden når dig om något inte fungerar. Kontakta Quickbutik med sidan, elementet och kriteriet för felet. Börja med att köra det gratis testet. Den som vill ha löpande kontroll kan läsa om abonnemanget på butik.nightwave.se/tillganglighet. Det är teknisk granskning mot WCAG, inte juridisk rådgivning.

Vi har liknande genomgångar för Shopify, WooCommerce och Wix.