WCAG Veebipood Audit

E-poe ligipääsetavus pärast 2025 tähtaega

🎧 Kuula kõiki artikleid järjest

E-poe ligipääsetavus ei tähenda ainult kontrasti ja alternatiivtekste. Kui inimene ei saa toodet leida, ostukorvi kasutada, makset lõpule viia või vormiviga parandada, ei ole teenus tegelikult kasutatav.

Alates 28. juunist 2025 kehtivad Eestis teenustele ligipääsetavuse nõuded. TTJA selgitab, et nõuded tulenevad toodete ja teenuste ligipääsetavuse seadusest, millega võetakse üle Euroopa ligipääsetavuse direktiiv.

E-poe omanikule tähendab see praktilist küsimust: kas inimene saab teenust kasutada ka siis, kui ta ei kasuta hiirt, vajab ekraanilugejat, suurendab teksti või eksib vormi täitmisel?

Kontroll ei tohi piirduda avalehega

Paljud ligipääsetavuse kontrollid algavad avalehest, kuid e-poe risk on tavaliselt ostuteekonnas.

Kontrollida tuleks vähemalt:

  • avalehte ja põhimenüüd;
  • kategooria- ja otsingutulemuste lehti;
  • tootekaarti;
  • ostukorvi;
  • kassaprotsessi;
  • makseviisi valikut;
  • tarneviisi valikut;
  • konto loomist ja sisselogimist;
  • tellimuse kinnitust;
  • e-kirju ja PDF-arveid, kui need on teenuse osa.

Kui üks neist sammudest on ligipääsmatu, võib kogu e-pood olla kasutaja jaoks sisuliselt suletud.

Klaviatuuriga kasutamine

E-poe üks tähtsamaid teste on lihtne: kas kogu ostu saab teha ainult klaviatuuriga?

Kontrolli:

  • kas menüü avaneb ja sulgub klaviatuuriga;
  • kas fookus on kogu aeg nähtav;
  • kas toodete filtreid saab kasutada ilma hiireta;
  • kas koguse muutmine ja ostukorvi lisamine toimib klaviatuuriga;
  • kas modaalaknad ei püüa fookust valesse kohta;
  • kas kassas saab liikuda loogilises järjekorras.

Kui fookus kaob, hüppab ootamatusse kohta või jääb komponenti kinni, on kasutajal raske aru saada, kus ta asub.

Vormid ja veateated

Kassa vormid on e-poe kõige kriitilisem osa. Ligipääsetavusprobleemid ilmnevad sageli just seal.

Hea vorm:

  • seob iga välja selge sildiga;
  • näitab veateadet välja lähedal;
  • ütleb, mis on valesti ja kuidas seda parandada;
  • ei tugine ainult punasele värvile;
  • säilitab juba sisestatud andmed;
  • võimaldab vea järel kiiresti õigesse kohta liikuda.

Halb veateade nagu "Viga" või "Täida kõik väljad" ei aita. Kasutaja peab teadma, milline väli vajab parandamist.

Ekraanilugeja ja nähtamatu struktuur

Ligipääsetav e-pood peab olema arusaadav ka siis, kui inimene ei näe ekraani visuaalset paigutust.

Kontrollida tuleks:

  • kas pealkirjade hierarhia on loogiline;
  • kas nuppude nimed kirjeldavad tegevust;
  • kas ostukorvi ikoonil on tekstiline tähendus;
  • kas tootepildil on vajalik alternatiivtekst;
  • kas filtrid, valikud ja olekud on abitehnoloogiale arusaadavad;
  • kas dünaamilised muudatused, näiteks ostukorvi summa muutumine, antakse kasutajale edasi.

Siin ei piisa automaatsest raportist. Vaja on päriselt proovida ekraanilugejaga või vähemalt kontrollida semantilist HTML-i ja ARIA kasutust.

WCAG 2.2 praktiline mõju

WCAG 2.2 annab tehnilise raamistiku, mille järgi veebisisu ligipääsetavust hinnatakse. E-poes on eriti olulised:

  • fookuse nähtavus;
  • sihtalade suurus;
  • sisestusvigade ennetamine;
  • autentimise lihtsus;
  • järjepidev navigeerimine;
  • piisav kontrast;
  • klaviatuuriga kasutatavus.

Need ei ole ainult juriidilised punktid. Need mõjutavad otseselt seda, kas klient saab ostu lõpuni viia.

Mida kontrollida Drupal e-poes

Drupal Commerce või muu Drupalil põhineva e-poe puhul tuleks vaadata nii teemat, mooduleid kui ka kohandatud koodi.

Praktiline kontrollnimekiri:

  • kas kasutatav theme toodab korrektset HTML-i;
  • kas checkout'i sammud on loogilised;
  • kas custom vormid kasutavad Drupal Form API ligipääsetavuse võimalusi õigesti;
  • kas AJAX-uuendused annavad oleku muutusest märku;
  • kas tõlked on olemas kõigis kasutatavates keeltes;
  • kas veateated on arusaadavad;
  • kas kolmanda osapoole makseaknad on kasutatavad;
  • kas küpsisebänner ei blokeeri klaviatuuri või ekraanilugejat.

Kui e-pood kasutab välist makselahendust, ei kao vastutus kasutajateekonna terviku eest. Klient kogeb seda ühe teenusena.

Automaattest aitab, aga ei asenda käsitsi kontrolli

Automaatne test võib kiiresti leida osa probleemidest: puuduvad sildid, kontrastivead, katkised ARIA seosed või selged HTML-i vead.

E-poe puhul tasub automatiseerida vähemalt:

  • avalehe ja kategoorialehe ligipääsetavuse smoke test;
  • ostukorvi lisamise teekond;
  • checkout'i esimene kriitiline voog;
  • klaviatuuriga fookuse kontroll olulisemates komponentides;
  • vormivigade kuvamine.

Samas ei saa automaattest alati hinnata, kas tekst on arusaadav, kas ostuteekond on loogiline või kas ekraanilugeja kasutaja saab protsessist päriselt aru. Seetõttu peaks automaattestimine ja käsitsi ligipääsetavuse audit käima koos.

Millest alustada

Kui e-poodi ei ole veel süsteemselt kontrollitud, ei pea alustama täismahus ümberarendusest.

Mõistlik esimene samm on:

  1. kaardistada kõige olulisemad kasutajateekonnad;
  2. testida neid klaviatuuri ja ekraanilugejaga;
  3. käivitada automaatsed WCAG kontrollid;
  4. jagada leiud kriitilisuse järgi;
  5. parandada esmalt ostu takistavad vead;
  6. lisada regressioonitestid, et samad vead tagasi ei tuleks.

Ligipääsetavus ei ole ühekordne projekt. See peab jõudma arendusprotsessi, sisuhaldusesse ja hooldusesse.

WebPro aitab Drupal e-poe puhul hinnata ostuteekonda, tehnilist teostust ja WCAG vastavust ning planeerida parandused nii, et need ei lõhuks olemasolevat äri.

Telli RSS
Kaido Toomingas, WebPro tehniline juhtWebPro Company OÜ Tehniline juht: Kaido Toomingas

Vajad Drupal abi?

Kui artikkel puudutab sinu olukorda, ei pea kõike lõpuni lugema. Sinuga suhtleb päris inimene ja aitab järgmise sammuni jõuda.

Võta ühendust