Etusivu › Tietopankki › Järjestelmän mukaan
Saavutettavuus Shopifyssa
Shopifyn teemat ja sovellukset ratkaisevat saavutettavuuden. Kassa on suurelta osin Shopifyn määräämä.
Yleiset löytöpaikat
Teeman värit liian pienellä kontrastilla, tuotekuvat ilman alt-tekstiä, arvostelu- ja ponnahdussovellukset ilman näppäimistökäyttöä, megavalikot jotka avautuvat vain osoittimella, karusellit ilman taukoa. Shopifyn ydin ei yleensä ole ongelma — teema, sovellukset ja rikastekstieditorissa luotu sisältö ovat.
Tarkista ja valitse teema
Teema ratkaisee kontrastin, näkyvän kohdistuksen, otsikkorakenteen sekä valikon ja suodattimien näppäimistökäytön. Kriteerit ennen valintaa: käy etusivu, kokoelma ja tuotesivu läpi Tab-näppäimellä — näkyykö kohdistus aina? Avautuuko valikko ilman hiirtä? Onko tekstin ja painikkeiden kontrasti vähintään 4,5:1? Online Store 2.0 -oletusteemat (Dawn ja siitä johdetut) ovat vankka lähtökohta; ostetuissa teemoissa auttaa näppäimistötesti demossa ja pyyntö toimittajalle saavutettavuusselosteesta.
Tuotekuvat, variaatiot ja rikasteksti
Anna jokaiselle tuotekuvalle hallinnassa alt-teksti, joka kuvaa sisältöä — ei tiedostonimeä. Sama koskee variaatiokuvia. Merkkiin tai banneriin grafiikaksi poltettu teksti ("Ale", "Vain tänään") on näytönlukijoille näkymätön; käytä oikeaa tekstiä. Käytä tuotekuvauksen rikastekstieditorissa otsikkotasoja siististi (älä vain suurenna tekstiä) ja luetteloita oikeina luetteloina.
Sovellukset ja upotetut widgetit
Arvostelu-, ponnahdus-, lisämyynti- ja evästebanneri-sovellukset lisäävät usein omia widgettejään, jotka vangitsevat näppäimistön kohdistuksen, joilta puuttuvat selitteet tai jotka näyttävät peittoja ilman sulkemismahdollisuutta. Testaa jokainen sovellus erikseen näppäimistöllä; liuku- ja ajastinsovellukset tarvitsevat tauon eivätkä saa vilkuttaa mitään. Saavutettavuuspeitto sovelluksena ei korjaa rakenteellisia ongelmia ja sitä arvostelevat vammaisjärjestöt. Epäselvässä tilanteessa: poista sovellus.
Kassa: mitä Shopify määrää ja mitä ei
Shopifyn vakiokassaa ylläpitää Shopify ja se on suurelta osin rakennettu saavutettavasti — siihen sinulla on vähän vaikutusmahdollisuuksia. Mihin vaikutat: kassalaajennukset ja omat kentät (lahjaviesti, ikätarkistus) voivat häiritä näppäimistön tai näytönlukijan käyttöä, ja polku kassaan — ostoskori, alennuskoodikenttä, toimitusvalinta — on teemassa. Testaa myös nämä vaiheet.
Testaaminen ja usein kysytyt kysymykset
Pikatesti: käytä etusivua, kokoelmaa ja tuotesivua vain näppäimistöllä, zoomaa selaimessa 200 %:iin, aja laajennus kuten WAVE tai axe DevTools. a11yglassin ilmainen skannaus tarkistaa lisäksi toimitetun HTML:n kontrastin, alt-tekstien, selitteiden, kielen ja rakenteen osalta. Tarvitseeko Shopify-kauppani saavutettavuusselosteen? Yleensä kyllä — kauppa, jonka kautta kuluttajat ostavat, on BFSG:n tarkoittamaa sähköistä kaupankäyntiä; katso saavutettavuusselostetta koskeva sivu. Onko Shopifyn kassa jo saavutettava? Suurelta osin Shopifyn vastuulla, mutta laajennukset voivat rikkoa sen. Mikä teema on saavutettava? Merkkiä ei ole — ratkaisevaa on toteutus konkreettisessa tapauksessa.
Näin a11yglass auttaa
Maksuton skannaus tarkistaa toimitetun HTML:n ja CSS:n automaattisesti tunnistettavien WCAG-rikkomusten varalta ja ilmoittaa kutakin havaintoa kohti onnistumiskriteerin ja konkreettisen toimenpiteen. Se löytää suunnilleen 20–35 % ongelmista eikä korvaa täydellistä arviointia.
Lue lisää
Yleistä tietoa parhaan tietämyksen mukaan, ei oikeudellista neuvontaa. Yksittäistapauksessa on syytä kääntyä IT-oikeuteen erikoistuneen asianajotoimiston puoleen.