Butiker
Tillgänglighet och produktsäkerhet
Vad butiken gör för tillgänglighet, hur den testas mot WCAG 2.1 AA, vad du ansvarar för och produktsäkerhet enligt GPSR.
Var: Tillgänglighetsinformationen finns under Storefronts › [butik] › Pages. Produktsäkerheten fyller du i under Products › ⋯ › Vendors.
Vad butiken gör
BunStack testar butikens sidor mot WCAG 2.1 A och AA med verktyget axe vid varje ändring av plattformen. Testet körs på en exempelbutik. Det mäter inte kontrast. Det omfattar startsidan, kategorisidan, produktsidan, varukorgen, /orders, returformuläret och ångersidorna.
| Del | Vad butiken gör |
|---|---|
| Hoppa till innehållet | En länk överst på varje sida hoppar förbi menyn. Den finns också i kassan och på order-, retur- och ångersidorna |
| Landmärken | Sidhuvudet och sidfotens kolumner är landmärken som en skärmläsare listar. I layouten Icons + panel är menyknappen ett eget landmärke |
| Språk | Sidans språk följer butikens språk. Text på både svenska och engelska, till exempel ångerfunktionens rubriker, är märkt med sitt språk |
| Formulär | Ett fel i ordersökningen, ångerformulären eller returformuläret markerar fältet och flyttar fokus dit. Nästa steg i ett formulär flyttar fokus till stegets rubrik |
| Bilder | Bilder som laddats upp i admin har bredd och höjd. Sidan hoppar inte när de laddas |
Vad du ansvarar för
| Del | Gör så här |
|---|---|
| Alt-texter | Beskriv varje bild. Se Mediabiblioteket |
| Rubriker | Ge varje sida en rubrik. Publiceringsrutan varnar när rubrik saknas |
| Egna komponenter | Använd rubriker, knappar och alt i din HTML. Se Mallreferens |
| Kontrast | Välj temafärger med minst 4,5:1 i kontrast mellan text och bakgrund, och minst 3:1 för stor text (WCAG 2.1 AA) |
Kustoms betalfönster i kassan är Kustoms ansvar.
Tillgänglighetsinformation
Lagen (2023:254) om vissa produkters och tjänsters tillgänglighet gäller e-handel. En e-handel som inte är ett mikroföretag ska informera om tillgängligheten. Sidan accessibility (Tillgänglighetsinformation) är mallen för den informationen. Den beskriver hur butiken uppfyller kraven, kända brister och hur kunden når dig.
- Öppna Storefronts › [butik] › Pages.
- Öppna sidan Tillgänglighetsinformation.
- Fyll i uppgifterna och ta bort raden UTKAST — granskas av jurist innan publicering.
- Låt en jurist granska texten.
- Låt Show link in footer vara ikryssad.
- Välj Live och tryck Save.
Go live varnar under Accessibility statement när butiken säljer till konsumenter och sidan inte är klar. Vad som räknas står under Kontrollerna före go-live. Varningen stoppar inte go-live. Ett mikroföretag har färre än 10 anställda och högst 2 miljoner euro i årsomsättning.
Saknar butiken sidan, använd Add missing legal pages i menyn ⋯. Se Sidor och juridiska texter.
Produktsäkerhet (GPSR)
EU:s förordning om allmän produktsäkerhet (2023/988) kräver att en produkt som säljs på nätet anger tillverkaren. Är tillverkaren utanför EU ska produkten också ange den ansvariga personen i EU.
Produktsidan visar uppgifterna under rubriken ”Produktsäkerhet”, under beskrivningen. Uppgifterna hör till leverantören. Du fyller i dem en gång per leverantör. Fälten och märkena finns under Leverantörer och produktsäkerhet.
Go live varnar under Product safety (GPSR) när butiken säljer till konsumenter och en synlig, aktiv produkt saknar leverantör eller fullständiga tillverkaruppgifter. Varningen stoppar inte go-live.
Vem som är ansvarig person, och om du räknas som tillverkare för egna varor, avgör du med din jurist. BunStack visar det du fyller i.