E-poe ostuteekond võib katkeda ka siis, kui toode ja hind sobivad. Näiteks ei pruugi külastaja lugeda nõrga kontrastiga hinda, valida klaviatuuriga tarneviisi või mõista vormi veateadet. Ligipääsetavus aitab selliseid takistusi vähendada ning võimaldab teenust kasutada erinevate vajadustega inimestel.
Alates 28. juunist 2025 kohalduvad ligipääsetavusnõuded ka seaduses nimetatud erasektori teenustele, sealhulgas e-kaubandusele. Konkreetse ettevõtte kohustuse hindamisel tuleb arvestada teenuse olemust ja erandeid. Kõigile veebilehtedele ei saa kohustust laiendada üksnes selle põhjal, et lehel tutvustatakse tooteid.
Kas nõuded kohalduvad sinu e-poele?
TTJA juhendi järgi on teenuseid osutav mikroettevõtja ettevõtja, kellel on alla kümne töötaja ning kelle aastakäive või aastane bilansimaht ei ületa kaht miljonit eurot. Finantsnäitajate vahel on „või”, mitte „ja”. Sellisele mikroettevõtjast teenuseosutajale LPS ei kohaldu.
Kohaldamisala ja erisused tuleb hinnata konkreetse teenuse põhjal. Lähtu TTJA teenuste digiligipääsetavuse juhendist ja seal viidatud õigusaktidest. Ettevõtte piiripealse olukorra või erandi rakendamise küsimus tasub vajadusel õigusnõustajaga läbi arutada.
Alusta terviklikust ostuteekonnast
Kontrolli viit põhivaadet: avaleht, tootekategooria, tooteleht, ostukorv ja kassa. Proovi leida toode, valida selle omadused, muuta kogust, valida tarne ja maksta. Vaata ka seda, kas ostu kinnitus ja vajalikud juhised on arusaadavad.
Ligipääsetavus ei piirdu kujundusega. Toimima peavad ka vormid, menüüd, teavitused ning ostmiseks vajalikud välised lahendused. Tööde nimekiri peaks kirjeldama kasutaja takistust ja selle mõju, mitte ainult puuduvaid atribuute.
Kontrast ja värvide kasutamine
Tekst peab taustast piisavalt eristuma. WCAG AA taseme teksti kontrastsuse kriteerium näeb tavatekstile ette vähemalt suhte 4,5 : 1 ja suurele tekstile 3 : 1; kriteerium sisaldab ka erandeid. Nupu, ikooni või muu komponendi hindamisel tuleb vaadata sellele kohalduvat nõuet eraldi.
Kontrolli lisaks põhitekstile hindu, soodustusi, linke ja veateateid. Värv ei tohiks olla ainus viis tähenduse edastamiseks. Näiteks laoseisu või viga peab saama mõista ka siis, kui kasutaja punast ja rohelist ei erista.
Kas ostuteekond toimib ilma hiireta?
Liigu lehel Tab-klahviga edasi ning Shift+Tab abil tagasi. Aktiivse elemendi asukoht peab olema nähtav ja liikumise järjekord arusaadav. Kasutada peab saama menüüd, filtreid, tootevalikuid ja ostukorvi toiminguid.
Hüpikakna avamisel peab fookust saama juhtida selle sisu sees ning akna sulgemise järel peab kasutaja saama loogiliselt jätkata. Kontrolli, et ükski komponent ei tekitaks klaviatuurilõksu. Põhisisu juurde viiv hüppelink aitab korduvast menüüst kiiremini mööduda.
Pane hiir kõrvale ja proovi ostuteekond ise läbi. Laiema esmase ülevaate jaoks kasuta meie praktilist UX-auditi juhendit. UX-i kiirkontroll aitab takistusi leida, kuid ei kinnita veel vastavust kõigile ligipääsetavusnõuetele.
Pildid ja tekstilised alternatiivid
Pildi tekstiline alternatiiv peab lähtuma selle ülesandest. Sisuline tootefoto võib vajada toote oluliste omaduste kirjeldust. Dekoratiivse pildi puhul võib sobida tühi alt-atribuut. Failinime automaatne kopeerimine kirjelduseks ei aita kasutajal pildist aru saada.
Kui ikoon toimib nupuna, peab selle tegevusel olema arusaadav nimi. Näiteks peab ekraanilugeja kasutaja mõistma, et prügikasti kujutis eemaldab toote ostukorvist. Kõigile piltidele ei ole vaja lisada ühesugust kirjeldust ega märksõnade loendit.
Vormid peavad selgitama nii ülesannet kui ka viga
Sisendvälja nimetus peab olema programmiga tuvastatav ning juhis peab aitama mõista, mida sisestada. Nähtav tekst ei taga iseenesest, et see on väljaga õigesti seotud. Sisestusviga tuleb selgitada tekstina ja võimalusel viidata vastavale väljale.
Ära keskendu ainult ostukorvile. Kontrolli ka kontaktvormi, uudiskirjaga liitumist ja konto loomist. Kasutajateekonda toetav mobiilisõbralik disain aitab vormid ning nende erinevad olekud enne arendust läbi mõelda.
Tooteleht, ostukorv ja kassa
Toote suurus, värv ja muud variandid peavad olema valitavad ka klaviatuuriga ning arusaadavad tugitehnoloogiale. Hind, saadavus ja tarneinfo ei tohiks jääda ainult pildi või värvitähise sisse.
Ostukorv ja kassa vajavad selget tagasisidet toote lisamise, koguse muutmise ja vigade kohta. Ostuteekonna üldiseid põhimõtteid selgitab meie artikkel kliendile e-poes hea kogemuse tagamisest.
Lepi arenduse ja kontrolli ulatus kokku
Kui kavandad uut e-poodi või olemasoleva uuendamist, vaata meie kodulehtede ja e-poodide arenduse teenust. Ligipääsetavuse eesmärgid, kontrollitavad vaated ja vastuvõtukriteeriumid tuleb projekti alguses eraldi kokku leppida.
Automaatne kontroll leiab osa vigadest. Selle kõrval on vaja käsitsi hindamist, näiteks klaviatuuri ja ekraanilugejaga testimist. Täieliku vastavuse järeldus eeldab asjakohast hindamist; seda ei saa anda ühe tööriista tulemuse või viieminutilise testi põhjal.
Määra, kes vastutab komponentide ja vormide eest ning kes lisatava sisu, pealkirjade ja pildikirjelduste eest. Kontrolli uuesti ka pärast olulisi muudatusi. Ühe teenusearenduse valmimine ei taga, et kõik hiljem lisatud materjalid on automaatselt ligipääsetavad.
Kokkuvõte: vali esimene konkreetne parandus
Selgita esmalt välja kohaldatavad nõuded, seejärel proovi ostuteekond läbi ja sea leitud takistused mõju järgi järjekorda. Kirjelda iga paranduse juures, mida muudetakse ja kuidas tulemust kontrollitakse. Nii saab ligipääsetavust käsitleda selge tööplaanina.
Soovid arutada oma e-poe kasutatavuse ja ligipääsetavuse parandamist? Kirjuta lauri@bigeye.ee ja lepime kokku tasuta konsultatsiooni.
