Kujuta ette, et valid oma e-poes jopet ilma hiirt puudutamata. Tab viib suurusevalikuni, aga miski ei näita, milline suurus on parajasti fookuses. Enter avab miniostukorvi. Sinna jäädki kinni, kassasse ei pääse.
Selline ostuteekond ei tööta. Klient ei peaks maksmiseks vajama hiirt, ideaalset nägemist ega äraarvamisoskust.
Mina paneksin selle katse iga WooCommerce’i e-poe arenduse lähteülesandesse koos tarne- ja makselahendustega. Alustame sellest, kas inimene saab üldse ostu tehtud.
Mida Euroopa ligipääsetavuse akt hõlmab?
Euroopa ligipääsetavuse akt ehk direktiiv (EL) 2019/882 kohaldub alates 28. juunist 2025. See hõlmab kindlaid tooteid ja teenuseid, sealhulgas tarbijatele suunatud e-kaubandust. Eestis rakendatakse seda toodete ja teenuste ligipääsetavuse seaduse ning määruste 45 ja 46 kaudu. Juhiseid annab TTJA.
Jutt ei käi ainult avalehest. TTJA kirjeldatud teekonda kuuluvad toote valimine, registreerumine, maksmine, ostukinnituse e-kirjad ning tagastamise ja vahetamise info. Kontrollida tuleb kogu seda ahelat.
Kas sinu väike e-pood kuulub erandi alla?
Teenuseid osutavale mikroettevõtjale kehtib artikli 4 lõike 5 erand. Määratluse järgi peab ettevõttes olema alla 10 inimese JA aastakäive ei tohi ületada 2 miljonit eurot VÕI aastabilansi kogumaht ei tohi ületada 2 miljonit eurot. Teisisõnu: inimeste arvu tingimus peab olema täidetud ning kahest finantstingimusest piisab ühest.
Mõlemad pooled loevad. Täpselt 10 inimest enam ei sobi. Täpselt 2 miljonit eurot mahub vastava finantsnäitaja piiri sisse. Kui inimeste arvu tingimus on täidetud, võib erandi jaoks piisata kas käibe või bilansimahu tingimusest.
Ainult ettevõtetele müümine jääb selle tarbijatele suunatud e-kaubanduse määratluse alt välja. Aga tarbijaid teenindav pood ei muutu B2B-poeks lihtsalt seetõttu, et kassasse lisatakse ettevõtte nime väli.
Seejuures on tegu teenuse erandiga, mitte üldise vabastusega mikroettevõtjale, kes valmistab nõuetega hõlmatud tooteid. Ka erandi alla kuuluval poel võivad olla muud õiguslikud kohustused. Vana arendusleping ei anna automaatselt kaitset aastani 2030, sest üleminekureeglid on kitsad. See on praktiline juhis, mitte õigusnõuanne.
Millist ligipääsetavuse standardit kasutada?
TTJA juhised viitavad standardile EN 301 549 V3.2.1, mis kasutab WCAG 2.1 AA nõudeid. AccessibleEU 2026. aasta septembri ülevaate järgi on avaldatud V4.1.1, mis võtab aluseks WCAG 2.2. Sama ülevaate kohaselt on ametliku viite avaldamine Euroopa Liidu Teatajas veel ootel.
Arenduse sihiks võtaksin WCAG 2.2 AA. See pole sertifikaat. EN 301 549 ulatub veebi WCAG-nõuetest kaugemale ning ainult WCAG kontrollide läbimine ei tõenda täielikku vastavust ligipääsetavuse aktile.
Avaliku sektori nõuetega seotud standardiviide ei anna automaatselt õiguslikku kindlust EAA nõuete täitmise kohta. Ka standardi avaldamine iseenesest ei tekita uut vastavustähtaega.
Esimene kümneminutiline ring oma e-poes
Kasuta testkeskkonda ja makselahenduse testrežiimi. Päris tellimusi ega makseid ära tee. See kiirkontroll toetub W3C WAI kontrollidele ja WooCommerce’i juhistele: leiad ilmseid takistusi, mitte kõiki ligipääsetavuse probleeme.
- Pane hiir kõrvale. Liigu Tab ja Shift+Tab klahvidega, ava linke ja käivita nuppe Enteriga. Sobivate juhtnuppude, näiteks märkeruutude puhul kasuta tühikut. Otsi nähtavat klaviatuurifookust ja toimivat linki korduvast navigeerimisest möödumiseks. Selge piirjoon naitab, kus parajasti oled.
- Vali toote variant. Määra jope suurus ja värv ainult klaviatuuriga. Proovi rippmenüüsid ning eraldi kujundatud värvi- ja suurusenuppe. Kas saad aru, mis on valitud ja millised kombinatsioonid pole saadaval?
- Ava menüü ja miniostukorv. Kontrolli avamist, sulgemist ning fookuse loogilist liikumist. Vaata ka ostukorvi koguste muutumist. Kas ekraanilugeja neist muudatustest teatab, vajab eraldi katset. Ainult silmaga seda kinnitada ei saa.
- Sisesta kassas vigased andmed. Pane testkeskkonnas meelega vale e-posti aadress. Igal väljal peab olema korralik silt, mitte ainult välja sees olev vihjetekst. Veateade peab selgitama parandust ja olema seotud õige väljaga. Seletuseta punasest raamist ei piisa.
- Vaata kontrasti ja värve. W3C WCAG AA nõuab tavatekstil vähemalt kontrasti 4,5:1 ning suurel tekstil 3:1. Mõõda tegelikke värvipaare kontrastikontrollijaga. Laoseis ja veateated ei tohi sõltuda ainult värvist.
- Vaata piltide tekstialternatiive. Tootepildi alt-tekst peaks andma kasulikku visuaalset infot, näiteks kirjeldama seljakoti rullitavat sulgurit. Dekoratiivse pildi alt-tekst peab olema tühi. Ära topi igasse pilti otsingumärksõnu.
- Suurenda vaadet. Proovi brauseris 200% ja 400% suurendust, seejärel kitsast mobiilivaadet. Kontrolli kas kogusummad, väljade sildid ja maksenupud jäävad loetavaks ning kasutatavaks ega kattu või kao.
- Ava hüpikaknad. Proovi pakkumiste aknaid ja küpsisebännerit. Kas saad need sulgeda ja edasi liikuda, ilma et fookus kinni jääks? Nõusoleku seadistamise kohta loe eraldi küpsisebänneri ja Consent Mode v2 juhendit.
- Proovi maksmist ja tarnet. Kontrollli makselahenduse iframe-raame, autentimist, pangavalikut ja pakiautomaadi valikut teenusepakkuja testkeskkonnas. Ära tee kontrolli lõpetamiseks päris makset. Pane kirja ka teenusepakkuja etapid, mida sa testida ei saanud.
- Käivita tootevideo. Kontrolli kõne ja tähenduslike helide subtiitreid. Olulisele visuaalsele infole, näiteks jutustuseta näidatud kokkupaneku sammudele, paku tekstiline alternatiiv.
Kümme minutit aitab leida esmased takistused. See pole täisaudit. Ka hea tulemuse järel on vaja pikemat katsetamist NVDA või VoiceOveriga, sealhulgas dünaamiliste teadete ja realistlike makseteekondade kontrolli.
Kus WooCommerce’i poed tavaliselt takerduvad?
WooCommerce kirjeldab ühilduvate teemade puhul klaviatuuri, fookuse, ekraanilugejate, väljasiltide ja veateadete tuge. See ei taga veel sinu seadistatud poe ligipääsetavust.
- Lehekoostaja võib eemaldada nähtava fookuse kujunduse.
- Eritellimusel tehtud variandivalikud võivad klaviatuuri sisendit eirata.
- Ainult ikooniga nuppudel võib puududa ligipääsetav nimi.
- Kassalaiendus võib asendada toimivad väljad probleemsetega. Vanematel, kasutusest kõrvaldatud plokkidel võib samuti olla piiratud tugi.
TTJA juhiste järgi vastutab teenuse eest kaupmees, sealhulgas tema valitud tasuliste makse- ja tarnelahenduste eest. Küsi pakkujatelt tõendeid ja võimalust lahendust testida. Pelgalt märgisest ei piisa.
Vaata üle ka ostujärgsed tegevused. Kui lisad WooCommerce’i taganemisnupu, peab seegi töötama klaviatuuriga. Ligipääsetavuse akt ise taganemisnupu nõuet ei kehtesta.
Paranda kõigepealt ostmist takistavad vead
Mina võtaksin kinnijooksva kassa ette enne avalehe dekoratiivset viga. Väljasildid, kontrast ja kasulikud alt-tekstid annavad sageli kiiresti tulemuse. Aga need ei korva makseetappi, mida klient kasutada ei saa.
- Tee esmalt varukoopia ja muudatused testkeskkonnas.
- Katseta pärast parandusi ostuteekond uuesti läbi, et midagi muud katki ei läheks.
- Telli seejärel täielik käsitsi audit koos ligipääsetavuse spetsialisti ja puudega kasutajatega. Kaasa realistlikud ekraanilugeja- ja makseteekonnad.
Sihitud lisaarendus olemasoleval veebilehel võib lahendada teema või laienduse probleemid ilma kogu poodi uuesti ehitamata.
Nõuete kohaldamisalasse jääv Eesti teenusepakkuja peab pakkuma ka ligipääsetavat infot nõuetele vastamise kohta. See peab olema kättesaadav kirjalikus ja suulises ligipääsetavas vormis ning püsima ajakohane kogu teenuse osutamise jooksul. Kirjelda ausalt, mida testiti. Skanneri tulemusest ei saa teha põhjendamata sertifitseerimisväidet.
Täna ava testkeskkond ja vali üks variantidega toode. Pane hiir kõrvale. Vaata, kas testmakse nupp on klaviatuuriga kättesaadav.