Tilgjengelighet med Shopify

Shopifys temaer og apper avgjør tilgjengeligheten. Kassen er i stor grad gitt av Shopify.

Vanlige funnsteder

Temafarger med for lav kontrast, produktbilder uten alt-tekst, anmeldelses- og popup-apper uten tastaturbetjening, megamenyer som bare åpnes ved hover, karuseller uten pause. Shopify-kjernen er sjelden problemet — det er temaet, appene og innhold laget i rik-tekst-editoren.

Sjekk og velg temaet

Temaet avgjør kontrast, synlig fokus, overskriftsstruktur og tastaturbetjening av meny og filtre. Kriterier før valget: gå gjennom forsiden, en kolleksjon og en produktside med Tab — er fokus alltid synlig? Åpnes menyen uten mus? Er kontrasten på tekst og knapper minst 4,5:1? Online Store 2.0-standardtemaene (Dawn og de avledede) er et solid utgangspunkt; for kjøpte temaer hjelper tastaturtesten på demoen og å be leverandøren om en tilgjengelighetserklæring.

Produktbilder, varianter og rik tekst

Gi hvert produktbilde i admin en alt-tekst som beskriver innholdet — ikke filnavnet. Det samme gjelder variantbilder. Tekst som er brent inn som grafikk i et merke eller banner ("Salg", "Bare i dag"), er usynlig for skjermlesere; bruk ekte tekst. Bruk overskriftsnivåene rent i rik-tekst-editoren for produktbeskrivelsen (ikke bare gjør teksten stor) og lister som ekte lister.

Apper og innebygde widgeter

Anmeldelses-, popup-, mersalgs- og informasjonskapselbanner-apper setter ofte inn egne widgeter som fanger tastaturfokus, mangler etiketter eller viser overlegg uten mulighet til å lukke. Test hver app enkeltvis med tastaturet; slider- og nedtellingsapper trenger en pause og må ikke få noe til å blinke. Et tilgjengelighetsoverlegg som app løser ikke de strukturelle problemene og kritiseres av interesseorganisasjoner for berørte. Ved tvil: fjern appen.

Kasse: hva Shopify bestemmer, og hva ikke

Shopifys standardkasse vedlikeholdes av Shopify og er i stor grad bygget tilgjengelig — der har du få håndtak. Det du påvirker: kasseutvidelser og egne felt (gavehilsen, alderskontroll) kan forstyrre tastatur- eller skjermleserbruk, og veien fram til kassen — handlekurv, rabattkodefelt, fraktvalg — ligger i temaet. Test også de trinnene.

Testing og vanlige spørsmål

Rask test: betjen forsiden, en kolleksjon og en produktside bare med tastaturet, zoom til 200 % i nettleseren, kjør en utvidelse som WAVE eller axe DevTools. Den gratis skanningen fra a11yglass sjekker i tillegg den leverte HTML-en for kontrast, alt-tekster, etiketter, språk og struktur. Trenger Shopify-butikken min en tilgjengelighetserklæring? Som regel ja — en butikk der forbrukere kjøper, er elektronisk handel i BFSGs forstand; se siden om tilgjengelighetserklæringen. Er Shopifys kasse allerede tilgjengelig? I stor grad Shopifys ansvar, men utvidelser kan bryte den. Hvilket tema er tilgjengelig? Det finnes ingen merking — det avgjørende er gjennomføringen i det konkrete tilfellet.

Slik hjelper a11yglass

Den gratis skanningen sjekker den leverte HTML-en og CSS-en for WCAG-brudd som kan gjenkjennes automatisk, og nevner per funn suksesskriteriet og et konkret tiltak. Den finner omtrent 20–35 % av problemene og erstatter ikke en fullstendig vurdering.

Les videre

Generell informasjon etter beste kunnskap, ikke juridisk rådgivning. For enkelttilfellet, kontakt et advokatfirma spesialisert på IT-rett.