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

26 oktober 2026Uppdaterad 27 oktober 2026

Vad Abicart själva skriver om tillgänglighet och vad du måste rätta i din butik: alt-text, sidtitlar, språk, färger, egen CSS, cookierutor och kassan.

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).

Abicart är en svensk e-handelsplattform från Textalk som enligt sin webbplats riktar sig till bland andra små och medelstora företag. Vi har läst Abicarts egna hjälpsidor, funktionssidor och ett blogginlägg i oktober 2026 för att se vad de säger om tillgänglighet och vad de lämnar åt butiksägaren. Det vi skriver om Abicart har en källa sist, och det som inte står där har vi inte kunnat verifiera. Vi har inte granskat någon Abicart-butik eller något tema, så resten av guiden gäller vad dokumentationen säger, inte hur en enskild butik beter sig.

Vad Abicart säger att de gör

Abicarts sida om tillgänglighet (daterad 28 november 2025) säger att plattformen och tjänsterna är utformade för att hjälpa butiker att uppfylla riktlinjerna i WCAG 2.1 och lokala regler. Sidan räknar upp områden där Abicarts team kan ge stöd: struktur som fungerar med skärmläsare, tydlig navigering, färgkontrast, läsbar typografi, alternativa texter för bilder, tillgängliga formulär och kassaflöden samt tangentbordsvänliga mönster.

Sidan säger däremot inte att en viss butik eller ett visst tema uppfyller WCAG 2.1 AA. Formuleringen är att Abicart hjälper dig att komma dit. När vi läste sidan i oktober 2026 hittade vi ingen tillgänglighetsredogörelse för plattformen eller något dokument som anger vilka kriterier som är uppfyllda. Vi har inte genomsökt hela abicart.com, bara letat efter sidor om tillgänglighet i webbplatskartan. Fråga Abicart om du behöver ett skriftligt besked för just ditt tema.

Ett blogginlägg från 18 december 2025 beskriver ett nytt temasystem, TPL Edit. Abicart skriver där att bra tillgänglighet är ett uttryckligt mål med de nya temana, bland annat att länkar och knappar ska vara tydligt namngivna för skärmläsare och att texten ska ha god kontrast mot bakgrunden. Inlägget säger också att befintliga teman ska få nya TPL-versioner, att de ska se ungefär likadana ut med ny kod under ytan, och att egen CSS, egen design eller egna skript måste flyttas över manuellt. Vi hittade ingen sida som talar om vilka teman som har bytt till TPL Edit, så titta i ditt tema vilken version du har.

Det du själv ansvarar för

Menynamnen nedan är översatta från Abicarts engelska hjälpsidor och kan heta något annat i den svenska administrationen.

Tema, färger och egen CSS

Under Utseende och Teman (Appearance och Themes i den engelska hjälptexten) väljer du ett tema och redigerar det. Abicart skriver att inställningarna kan skilja sig mellan teman. I temat styr fliken Style färger, typsnitt, logotyp och beskärning av bilder, och där finns också ett fält för egen CSS. Fliken Add-ons används för tillägg som cookie och textbanner samt för egen kod i HEAD.

Det är du som väljer färgerna, så det är du som avgör om Kontrast (minimum) och Använd tillräckliga kontraster i komponenter och grafik klaras. Egen CSS kan dessutom ta bort det plattformen annars visar. Skriv aldrig outline: none utan en ersättning, för då försvinner fokusramen som Synligt fokus kräver.

Alt-text på produkter, grupper och startsida

Abicarts hjälpsida om alt-text beskriver tre ställen. För en produkt går du till Sortiment och Produkter, väljer Redigera, klickar på pilikonen vid bilden och skriver texten. Fältet finns per språk. Skriver du ingen text skapas den av produktnamnet. Sidan om sökmotoroptimering pekar till samma ställe, fliken Produktegenskaper och Bildinställningar, fältet Alternativ text.

På produktgruppssidor skriver du alt-texten i samma fält som när du laddar upp en ny bild. På startsidans skyltfönster används texten du fyller i, och saknas den blir alt-texten tom. Bilder i bildspel stöder enligt hjälpsidan för tillfället inte alt-text. Det är värt att kontrollera, eftersom Innehåll som inte är text kräver textalternativ för bilder som bär information. Har bilderna ett budskap, till exempel ett erbjudande, behöver texten finnas någon annanstans. På egna sidor sätter du alt-texten i fältet Alternativ beskrivning under Sidegenskaper. Produktnamnet räcker sällan, eftersom det inte säger vilken färg varianten har. Läs Alt-texter för produktbilder.

Sidtitlar och språk

Under Inställningar och Domäner och SEO anger du titeln på startsidan och mallen för titlar på produktgrupper och produkter. Titeln kan sedan anpassas för varje grupp, produkt och egen sida på fliken för sökmotoroptimering. Det passar Sidans titel: varje sida ska ha en titel som beskriver den. Samma titel på många sidor är ett fel att leta efter. Mer om det finns i guiden Sidtitel och språk i webbutiken.

Språk aktiverar du under Inställningar och Språk. Abicart skriver att standardord och standardfraser, till exempel i kassan, redan är översatta, men att produkter, produktgrupper, eget innehåll och teman måste översättas av dig. Aktiverar du ett språk utan att översätta visas produkten ändå, men med tomt namn och tom beskrivning. Abicarts sidor säger ingenting om vilket lang-attribut som sätts i sidans kod, som Sidans språk gäller. Titta därför efter lang="sv" i källkoden, och kontrollera även de språk du lagt till.

Kassan

Abicart skriver på sidan om betalmetoder att plattformen har inbyggt stöd för kassalösningar från bland andra Kustom, Nets Easy, Svea, Swedbank Pay, Avarda och Hygglig, och för enskilda betaltjänster som Swish, kortbetalningar och PayPal. Enligt Abicart paketerar kassalösningarna ofta flera betalsätt i ett och samma flöde. Vi hittade ingen sida där Abicart beskriver hur tillgängliga dessa flöden är, och vi har inte granskat dem. Om din butik använder en sådan kassa kan stora delar av kassan vara leverantörens kod, och då behöver du läsa leverantörens egen dokumentation och fråga dem.

Rabatt- och presentkortsfältet i kassan slår du på i temat under Checkout. Ett sådant fält behöver en synlig etikett, annars bryter det mot Ledtexter/etiketter eller instruktioner. Läs Formulär och felmeddelanden i kassan för resten.

Cookierutor och popuprutor

I temat kan du kräva samtycke till cookies, och Abicart skriver att du kan anpassa rutan med egen HTML och CSS. Enligt hjälpsidan är cookiepolicyn som standard satt till avvisa tills besökaren har gjort ett val. Kräver du samtycke skriver Abicart att rutan läggs mitt på sidan och kommer tillbaka vid varje klick tills besökaren har valt, och att funktionen bara finns i den senaste versionen av deras teman. En sådan ruta måste gå att använda med tangentbordet, annars stänger den ute kunden från hela butiken. En popup kan också byggas med ett eget HTML-block. Det du bygger själv är ditt ansvar att testa med tangentbord: kan du nå knapparna med Tab, kan rutan stängas med Esc, och fastnar fokus i rutan (Ingen tangentbordsfälla)? Abicarts egen sida om popuprutor råder dig att göra rutan lätt att stänga, men av sökmotorskäl, inte av tillgänglighetsskäl. Mer finns i Cookierutan och tillgänglighet.

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 bilder utan alt-text, knappar utan namn och fält utan etikett. Det kontrollerar inte kontrast, fokus eller tangentbordsnavigering.
Gå igenom checklistan för det testet inte kan se.
Gå igenom köpresan med bara tangentbordet: startsida, kategori, produkt, varukorg, kassa. Tab, Skift+Tab, Enter och Esc räcker. Läs Tangentbord och synligt fokus i webbutiken.
Öppna källkoden på startsidan och en produktsida och leta efter lang, sidans titel och bildernas alt-text.
Skriv ned varje fel med sida, element och kriterium.

Vanliga fel att leta efter

Produktbilder där bara produktnamnet används som alt-text.
Bildspel eller bannrar med text i bilden men utan alt-text.
Samma titel på många sidor.
Kontrast som sjunkit efter att du ändrat färger i Style.
Fokusram som försvunnit efter egen CSS.
Tillagda språk där produkter saknar översatt namn.
Egenbyggda popuprutor som fångar tangentbordsfokus.

Nästa steg

Börja med det gratis testet och rätta det som går att rätta i temat. Det som ligger i Abicarts kod eller i en betalleverantörs kassa kan du inte rätta själv. Beskriv det i din tillgänglighetsinformation och kontakta leverantören med sida, element och kriterium. 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, Wix, Quickbutik, Squarespace, Magento, Centra och Norce.

Källor

Alla sidor lästa i oktober 2026 (senast 2026-10-27).