Tillgänglighetsredogörelse

Fyra saker når inte kravet, och här står vilka

Sajten ska gå att använda med tangentbord, skärmläsare och 400 procents förstoring. Det mesta gör det. Fyra saker gör det inte, och de står först på sidan med kriterium, påverkan och en väg runt tills de är rättade.

Upprättad 15 augusti 2026
Metod: Egen granskning, ingen granskning av utomstående part
Standard: WCAG 2.2 nivå AA och EN 301 549
Lägsta kontrast för text: 4,77 mot 1 ljust, 4,89 mot 1 mörkt
Kända brister: 4
Rättade senast: 30 september 2026

Dra över hyllan för att välja lagerplats, och tryck för att växla mellan plock och påfyllning. Använd piltangenterna för att flytta, mellanslag för att välja.

Sidorna går att använda med mus, tangentbord och pekskärm.

Kända brister

Fyra saker på sajten når inte kravet. Tre av dem sitter i samma sak, alltså i de illustrationer som svarar på pekare och tangentbord, och den fjärde i tabeller som rullar i sidled. Var och en ska vara rättad senast den 30 september 2026. Blir en rättning försenad skriver vi det här med nytt datum i stället för att flytta det gamla i tysthet.

Brist 1 av 4

En interaktiv illustration annonseras som en bild

Kriterium: WCAG 2.2, 4.1.2 Namn, roll, värde, nivå A
Var: Varje illustration som svarar på pekare och tangentbord, alltså de flesta bilderna på sajten.
Vad det gör: Ytan tar fokus och går att styra, men den bär rollen bild. En skärmläsare läser upp motivet och beskrivningen, och säger inte att ytan går att manövrera. Den som lyssnar vet alltså inte att det finns något att göra där.
Så tar du dig runt det under tiden: Ingen information finns bara i illustrationen. Allt den visar står i texten bredvid, och ingen uppgift kräver att du rör vid en bild.
Rättad senast: 30 september 2026

Brist 2 av 4

Tillståndet i en illustration läses inte upp när det ändras

Kriterium: WCAG 2.2, 4.1.2 Namn, roll, värde, nivå A
Var: Illustrationer som växlar läge vid klick, till exempel lagerbilden som går mellan plock och påfyllning.
Vad det gör: Bilden ändrar sig på skärmen, men det tillgängliga namnet står stilla. Den som lyssnar hör ingen skillnad mellan de två lägena och kan inte avgöra vad ett tryck gjorde.
Så tar du dig runt det under tiden: Lägena beskrivs i löptexten intill bilden, alltså går det att läsa vad de två lägena innebär utan att växla mellan dem.
Rättad senast: 30 september 2026

Brist 3 av 4

Ett finger som rullar över en illustration rullar inte sidan

Kriterium: Inget framgångskriterium träffar det rakt av. Vi räknar det ändå som en brist, eftersom det stoppar en vanlig rörelse på liten skärm.
Var: Alla interaktiva illustrationer på pekskärm.
Vad det gör: Ytan stänger av webbläsarens egen panorering, så att ett drag flyttar illustrationen i stället för sidan. Lägger du fingret mitt på bilden för att rulla vidare står sidan still, och det ser ut som att sidan har hängt sig.
Så tar du dig runt det under tiden: Rulla med fingret bredvid bilden, i marginalen eller i texten. Sidan rullar då som vanligt.
Rättad senast: 30 september 2026

Brist 4 av 4

En bred tabell rullar i sidled utan att gå att nå med tangentbord

Kriterium: WCAG 2.2, 2.1.1 Tangentbord, nivå A
Var: Tabellerna med avgifter, kakor och kontrollerna på driftsidan, på skärmar smalare än tabellen.
Vad det gör: Tabellen rullar i sin egen behållare i stället för att dra iväg hela sidan, vilket är rätt. Behållaren tar däremot inte fokus, så den som navigerar med tangentbord utan mus kommer inte åt de kolumner som ligger utanför kanten.
Så tar du dig runt det under tiden: Samma uppgifter finns i löptexten under varje tabell, och en tabell som bär pris eller livslängd upprepar de värdena i text.
Rättad senast: 30 september 2026

Det vi inte har granskat

Tre ytor har vi inte gått igenom. De står här eftersom en lista över granskade ytor utan sin motsats läser som full täckning, och det vore fel.

Talstyrning, alltså att styra sajten med rösten i Voice Control eller Dragon. Vi har inte kört igenom den vägen och kan därför inte säga att den fungerar.
Punktskriftsskärm. Vi har lyssnat med skärmläsare men inte läst av sajten på en punktskriftsdisplay.
Kassans sista steg, som ligger hos betalleverantören på deras egen sida. Den ytan är deras och står i deras egen redogörelse.

Använder du någon av de vägarna och stöter på ett hinder, hör av dig. Då granskar vi den vägen och skriver in resultatet här, oavsett vad det blir.

De interaktiva illustrationerna

De flesta bilderna på Shops gör ingenting förrän du rör vid dem. En lagerhylla väljer plats, en kategori fäller ut sina grenar, en karta tänder säljarna innanför en radie. De är byggda på en gemensam grund, och den grunden bär fyra saker som hör hemma i en tillgänglighetsredogörelse.

Mus, finger och tangentbord i samma väg

Ytan lyssnar på pekarhändelser, alltså på mus, finger, penna och styrplatta genom ett och samma gränssnitt. Två skilda hanterare hade gett dubbla anrop på en enhet med både pekskärm och mus, vilket en surfplatta med tangentbord har.

Tangentbordet är ingen eftertanke. Ytan tar fokus, piltangenterna flyttar punkten en tiondel av ytan per tryck, mellanslag och Enter aktiverar, och Escape ställer tillbaka den. Varje rörelse som annars kräver att man drar med fingret har alltså en väg som inte kräver dragning, vilket är kravet i 2.5.7 Dragrörelser i WCAG 2.2.

Fokusmarkering

När ytan får fokus från tangentbordet ritas en ring i accentfärgen, 3 pixlar bred med 3 pixlars avstånd till kanten. Ringen ritas med focus-visible, alltså syns den för den som navigerar med tangentbord men inte som en kvarglömd ram efter ett musklick. Kontrasten på ringen är 5,40 mot 1 i ljust läge och 9,22 mot 1 i mörkt.

Beskrivning för den som lyssnar

Varje sådan yta har ett namn som beskriver motivet, och en beskrivning som säger vad interaktionen gör och att piltangenterna flyttar och mellanslag väljer. Beskrivningen ligger som text i sidan, kopplad till ytan, och syns bara för hjälpmedel. En illustration som bara är dekor får inget namn alls, eftersom en dekorativ bild som annonseras är brus.

Två saker fattas ändå, och de står som brist 1 och brist 2 ovan: ytan bär rollen bild trots att den går att styra, och namnet uppdateras inte när tillståndet ändras.

Stillhet på begäran

Med prefers-reduced-motion följer ytan inte pekaren. Den svarar fortfarande på klick och tangenttryck, eftersom det är funktion och inte rörelse. Pekaren blir då den vanliga i stället för ett hårkors, som annars lovar ett följande som inte sker.

Ingenting rör sig innan sidan har blivit interaktiv. Utgångsläget är detsamma på servern som i webbläsaren, alltså hoppar ingen illustration till mitten när sidan laddar klart.

Vilken standard vi följer

Gaddr Shops följer WCAG 2.2 på nivå AA och den europeiska standarden EN 301 549, som för webben pekar vidare på samma framgångskriterier. Utöver webbdelen gäller kraven i EN 301 549 även vår support, alltså att du ska kunna få hjälp på ett sätt som fungerar för dig.

Kraven gäller oss enligt lagen (2023:254) om vissa produkters och tjänsters tillgänglighet, som omfattar e-handel mot konsument. Shops är en marknadsplats, alltså träffas både den som köper och den som säljer.

Vår bedömning är att sajten uppfyller WCAG 2.2 nivå AA med fyra undantag. De fyra står utskrivna i nästa avsnitt, med kriterium, påverkan och en väg runt tills de är rättade.

Vad som är granskat, och hur

Granskningen är vår egen. Ingen utomstående part har gått igenom sajten, och det ska stå här eftersom en självgranskning missar sådant den som gjorde bygget inte tänker på.

Tangentbord ensamt. Varje sida körs igenom utan mus, med kontroll av fokusordning, synlig markering och att ingenting fastnar.
Skärmläsare. VoiceOver i Safari på macOS och iOS, samt NVDA i Firefox på Windows. Vi lyssnar på rubrikträdet, länknamnen och formulärens etiketter.
Kontrast. Uträknad ur de faktiska färgvärdena i designsystemet, i båda färglägena, och inte uppskattad ur en palett.
Automatisk granskning i bygget. Den fångar det en maskin kan avgöra, till exempel en bild utan tillgängligt namn eller ett fält utan etikett.
Manuell granskning av resten. Läsordning, länknamn som betyder något utan sin omgivning, rubriknivåer som inte hoppar, och om ett tillgängligt namn faktiskt beskriver det som visas.
Bredder. 320, 375, 768, 1024, 1280 och 1920 pixlar, plus 400 procents förstoring. Innehållet lägger sig i en kolumn och sidan rullar aldrig i sidled.
Rörelse. Varje sida körs med prefers-reduced-motion både påslaget och avstängt.

Det som ligger i sajten i dag

Hopplänk

Första fokuserbara elementet på varje sida är länken Hoppa till innehållet. Den syns när den får fokus och leder till id innehall, som varje sida bär på sitt huvudinnehåll.

Fokus som inte döljs

Sidhuvudet ligger kvar överst när sidan rullar. Dokumentet har därför ett rullavstånd på 5,5 rem uppåt, så att ett element som får fokus efter ett hopp inte hamnar bakom sidhuvudet. Det är kravet i 2.4.11 Fokus döljs inte, som är nytt i WCAG 2.2.

Målytor

Knappar, fält och listval är minst 44 pixlar höga, alltså med god marginal över kravet på 24 gånger 24 pixlar i 2.5.8 Målytans storlek. Länkar inne i löpande text är undantagna i kriteriet och följer textens storlek.

Kontrast, uträknad ur tokens

Den lägsta kontrasten för text är 4,77 mot 1 i ljust läge och 4,89 mot 1 i mörkt. Det gäller den svagaste texten vi använder, alltså metatext på en avvikande yta. Brödtext ligger över 16 mot 1 i båda lägena.

Accentfärgen, som bär länkar, etiketter och fokusringen, ligger lägst på 5,40 mot 1 i ljust läge och 9,22 mot 1 i mörkt. Kravet är 4,5 mot 1 för text och 3 mot 1 för gränser och ikoner som bär betydelse.

Färg är aldrig ensam bärare av information. Ett fel i ett formulär står i text bredvid fältet, ett driftläge står i ord och inte bara i en färgad prick, och skicket på en vara står som ord och inte som en färgad ram.

Reducerad rörelse

Med prefers-reduced-motion stannar två lager samtidigt: dokumentets egna animationer och övergångar, och animationerna inne i illustrationerna. Regeln ligger på ramen kring varje illustration, så att en ny illustration ärver beteendet utan att någon behöver komma ihåg det.

Innehåll som inte kräver JavaScript

Allt innehåll finns i sidan när den kommer från servern. Frågelistor öppnas och stängs med details och summary, utan en rad JavaScript. Formulär valideras på servern med samma regler och samma texter oavsett klient, och ett avvisat fält märks med aria-invalid med felet i text bredvid sig.

Struktur och språk

Exakt en h1 per sida, och rubriknivåerna hoppar inte. Sidans språk är utmärkt som svenska, så att en skärmläsare uttalar orden rätt. Priser skrivs ut i text och inte bara som en siffra i en bild.

Rapportera ett hinder, och vad som händer sedan

Hör av dig via supportsidan och välj ämnet Tillgänglighet. Berätta gärna vilken sida det gäller, vad du försökte göra, vilket hjälpmedel du använde och vilken webbläsare.

Svarstider

Vi bekräftar att rapporten kommit fram inom en arbetsdag.
Du får besked om vad vi gör åt saken, och när, inom fem arbetsdagar från bekräftelsen.
Ett hinder som stoppar någon från att lägga upp en annons, slutföra ett köp eller få ut sina pengar rättas inom tio arbetsdagar, och du får besked när rättningen är ute.
Tar en rättning längre tid än så säger vi varför, när den är klar, och hur du når samma sak under tiden.

En annan väg till samma sak

Behöver du hjälp att lägga upp en annons, ändra ett pris eller följa en order gör vi det åt dig utan kostnad, per telefon eller i skrift. Det är inte en tjänst du betalar för, det är vägen runt tills bristen är borta.

Om du inte är nöjd med vårt svar

Då kan du anmäla bristen till den marknadskontrollmyndighet som har tillsyn enligt lagen (2023:254) om vissa produkters och tjänsters tillgänglighet. Vilken myndighet det är för en tjänst som säljs på nätet framgår av förordningen (2023:255) om vissa produkters och tjänsters tillgänglighet.

Är du konsument kan du också få vägledning av Hallå konsument, Konsumentverkets upplysningstjänst.

Läs också de allmänna villkoren, integritetspolicyn, kakpolicyn och driftsidan.

Plattformen

Labs

Verksamhet