Tee Shopify-verkkokaupastasi aidosti saavutettava. EAA & WCAG, ilman overlayta

Totuus: Shopify ei ole automaattisesti saavutettava

Vakioteema Shopify Online Store 2.0:ssa kuten Dawn tai Sense pärjää paremmin kuin moni verkkokauppa, mutta yltää harvoin itsestään WCAG 2.2 AA:han. Heti kun asennat sovelluksia, muokkaat teemaasi tai lisäät tuotteita ilman alt-tekstiä, syntyy esteitä, joita asiakkaasi, ja European Accessibility Act, eivät hyväksy.

Mikä Shopify-alustalla menee usein pieleen

• AJAX-ostoskorilaatikko vangitsee näppäimistöfokuksenKun asiakas lisää jotain, ostoskori-drawer liukuu näkyviin. Monissa Shopify-teemoissa fokus jää siihen jumiin (focus trap), jolloin näppäimistön ja ruudunlukijan käyttäjät eivät enää tavoita maksupainiketta.
• Predictive search ilman aria-tilaaAJAX-hakuehdotuksista puuttuu usein aria-expanded ja live-alue, minkä vuoksi ruudunlukija ei ilmoita, että tuloksia ilmestyy.
• Värimallit ja suodattimet ilman tilaaVarianttivalitsimista ja kokoelmasuodattimista puuttuu usein aria-checked tai aria-expanded, käyttäjä (ja kone) ei näe, mikä suodatin tai väri on aktiivinen.
• Liquid-kuvat ilman alt-tekstiäAutomaattisesti generoidut Liquid img-tagit välittävät Shopify-hallinnasta tulevan alt-tekstin usein tyhjänä tai kryptisenä, lukukelvottomana ruudunlukijoille ja Googlelle.

Miltä todellinen korjaus näyttää

Ota esimerkiksi ostoskorisi kuvakepainike Liquid-teemassasi. Ilman saavutettavaa nimeä ruudunlukijan käyttäjä kuulee vain 'painike'. Korjaus on yksi attribuutti, ei uudelleenrakennusta:

<button class="cart-toggle">
  {% render 'icon-cart' %}
</button>

<button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
  {% render 'icon-cart' %}
</button>

Mitä saat

Raportointityökalussa maksat lisenssin ja kehittäjäsi virheiden korjaamisesta. Sevirannassa korjaus on mukana, ei kaksinkertaista laskua.

Suojaa konversiosi ja oikeudellinen asemasi

Sovellus, joka liimaa saavutettavuuskuvakkeen Shopify-sivustosi päälle, on riski liiketoiminnallesi. Faktat rivissä:

Riittääkö Shopify-saavutettavuus-widgetti EAA:han?

Ei. Widget asettaa kerroksen sivustosi päälle, mutta ei korjaa taustalla olevaa koodia eikä käy rakenteellisesta vaatimustenmukaisuudesta.

Kuuluuko Shopify-kassani EAA:n piiriin?

Kyllä. Kassa ja navigointi ovat nimenomaisesti osa WCAG 2.1 AA:n mukaista velvollisuutta.

Skannaako Seviranta myös Shopify-sovellukseni?

Kyllä. Testaamme lopullisen generoidun HTML:n, teeman ja sovellukset, samoin kuin valvontaviranomainen tekee.

Hidastaako tämä Shopify-sivustoani?

Ei. Skannaamme ulkoisesti EU-palvelimiltamme; sivustollesi ei tule mitään skriptiä. 0% vaikutus latausnopeuteesi ja Core Web Vitals -arvoihin.