Kaip pačiam rankiniu būdu pasitikrinti el. parduotuvės prieinamumą
Paskelbta
Didelę dalį prieinamumo kliūčių galima pastebėti ir be specialių žinių – užtenka klaviatūros, telefono ir pusvalandžio laiko. Šis vadovas padės patiems patikrinti svarbiausią pirkėjo kelią: nuo pradinio puslapio iki apmokėjimo.
Prieš pradedant
Pasirinkite vieną tipinį pirkimą: pradinis puslapis, paieška arba kategorija, prekės puslapis, krepšelis ir apmokėjimo žingsnis. Pirkimo neužbaikite – pakanka pasiekti paskutinį žingsnį prieš mokėjimą. Užsirašinėkite kiekvieną radinį trimis žodžiais: kur (puslapis), kas neveikia ir kam tai trukdo. Tokį sąrašą vėliau lengva perduoti svetainės kūrėjui.
1. Tik klaviatūra
Padėkite pelę į šalį ir naudokite tik šiuos klavišus:
- Tab – pereiti prie kito valdiklio (nuorodos, mygtuko, lauko), Shift + Tab – grįžti atgal;
- Enter – atidaryti nuorodą ar paspausti mygtuką, Tarpas – pažymėti varnelę arba paspausti mygtuką;
- rodyklių klavišai – pasirinkti išskleidžiamajame sąraše ar tarp pasirinkimo akučių;
- Esc – uždaryti iššokantį langą ar meniu.
Ką tikrinti:
- Ar visada matote, kur esate. Aktyvus elementas turi būti aiškiai paryškintas rėmeliu ar kitu ženklu. Jei po kelių Tab paspaudimų nebežinote, kur yra fokusas, tai rimta kliūtis.
- Ar tvarka logiška. Fokusas turėtų judėti taip, kaip skaitote puslapį: iš viršaus žemyn, iš kairės į dešinę.
- Ar pasiekiamas meniu. Ar išsiskleidžia kategorijų submeniu ir ar galima juo naršyti.
- Ar galima įsidėti prekę į krepšelį, pasirinkti dydį ar spalvą, pakeisti kiekį ir pašalinti prekę.
- Ar pasiekiamas apmokėjimas: pristatymo būdo pasirinkimas, nuolaidos kodo laukas, sutikimo varnelės ir mygtukas „Pateikti užsakymą“.
- Ar niekur neįstringate. Slapukų pranešimas, naujienlaiškio langas ar pokalbių valdiklis neturi sulaikyti fokuso. Uždarius langą klavišu Esc, fokusas turėtų grįžti ten, kur buvo.
2. Ekrano skaitytuvas
Ekrano skaitytuvas yra programa, kuri garsiai perskaito ekrane esantį turinį. Ja naudojasi aklieji ir silpnaregiai. Išbandyti nesudėtinga:
- Windows: NVDA. Nemokama programa, atsisiunčiama iš „NV Access“ svetainės. Įdiegus ją galima paleisti klavišais Ctrl + Alt + N. Naršyklėje klavišas H pereina prie kitos antraštės, K – prie kitos nuorodos, F – prie kito formos lauko, D – prie kito puslapio orientyro. NVDA klavišas (pagal nutylėjimą Insert) + F7 atveria visų nuorodų ir antraščių sąrašą. Ctrl nutildo kalbą, o NVDA klavišas + Q išjungia programą.
- „Mac“ kompiuteris: VoiceOver. Įjungiamas ir išjungiamas klavišais Command + F5. Komandoms naudojami klavišai Control + Option; kartu su U jie atveria meniu, kuriame galima peržiūrėti puslapio antraštes, nuorodas ir formos laukus.
- „iPhone“: VoiceOver. Nustatymai → Prieinamumas → VoiceOver. Braukimas pirštu į dešinę pereina prie kito elemento, dvigubas bakstelėjimas jį aktyvina. Tame pačiame meniu yra gestų mokymosi sritis.
- „Android“: TalkBack. Nustatymai → Pritaikymas neįgaliesiems (pavadinimas gali skirtis) → TalkBack. Jei įjungtas spartusis klavišas, „TalkBack“ galima įjungti ir išjungti kelias sekundes palaikius abu garsumo mygtukus. Braukimas į dešinę – kitas elementas, dvigubas bakstelėjimas – aktyvinti.
Patarimas: prieš įjungdami ekrano skaitytuvą telefone, išbandykite gestus, kad žinotumėte, kaip jį išjungti.
Ką turėtumėte išgirsti:
- prasmingą puslapio pavadinimą ir aiškią antraščių struktūrą (viena pagrindinė antraštė, po jos – skyrių antraštės);
- prekių nuotraukų aprašus, pavyzdžiui, „Vyriški žieminiai batai, rudi“, o ne „IMG_1234“ ar „paveikslėlis“;
- mygtukų paskirtį: „Į krepšelį“, „Ieškoti“, „Pašalinti prekę“, o ne vien „mygtukas“;
- formos laukų pavadinimus ir tai, ar laukas privalomas;
- pranešimus, kai kas nors pasikeičia, pavyzdžiui, „Prekė įdėta į krepšelį“ ar klaidos tekstą.
3. Priartinimas iki 200 %
Naršyklėje paspauskite Ctrl ir + („Mac“ kompiuteryje Command ir +), kol mastelis pasieks 200 %. Patikrinkite, ar tekstas neperdengia kito teksto, ar mygtukai ir kainos nenukirpti, ar meniu vis dar pasiekiamas ir ar nereikia slinkti puslapio į šonus, norint perskaityti eilutę. Tą patį pakartokite telefone, padidinę šrifto dydį telefono nustatymuose.
4. Formų etiketės ir klaidų pranešimai
- Kiekvienas laukas turi matomą pavadinimą, kuris nedingsta pradėjus rašyti. Pilka užuomina lauko viduje nėra pakankama etiketė.
- Privalomi laukai pažymėti žodžiais arba aiškiu ženklu su paaiškinimu, o ne vien raudona spalva.
- Pabandykite pateikti tuščią formą. Klaidos pranešimas turi pasakyti, kuris laukas užpildytas neteisingai ir kaip tai pataisyti, pavyzdžiui, „Įveskite el. pašto adresą, pvz., [email protected]“.
- Klaida neturi būti nurodoma vien spalva, o įvesti duomenys po klaidos neturėtų išsitrinti.
5. Paveikslėliai, nuorodos ir kontrastas „ant akių“
- Nuorodų tekstai. Ekrano skaitytuvo nuorodų sąraše nuorodos skamba be aplinkinio teksto. „Spauskite čia“ ar penkios „Skaityti daugiau“ nuorodos iš eilės nieko nepasako. Geriau „Grąžinimo sąlygos“ ar „Daugiau apie žieminius batus“.
- Piktogramos be teksto. Krepšelio, paieškos, širdelės ar uždarymo (×) mygtukai turi turėti pavadinimą, kurį perskaito ekrano skaitytuvas.
- Tekstas paveikslėlyje. Akcijų sąlygos ar kainos, pateiktos tik reklaminėje nuotraukoje, turi būti pakartotos tekstu arba aprašyme.
- Kontrastas. Šviesiai pilkas tekstas ant balto fono, baltas tekstas ant šviesios nuotraukos ar blyškūs mygtukai – dažni įtartini atvejai. Pabandykite perskaityti puslapį telefonu lauke arba sumažinę ekrano ryškumą. Prieinamumo gairės paprastam tekstui reikalauja ne mažesnio kaip 4,5:1 kontrasto santykio.
Ką daryti su radiniais
Pradėkite nuo kliūčių, kurios neleidžia užbaigti pirkimo: neprieinamas mygtukas „Į krepšelį“, neveikiantis apmokėjimas klaviatūra ar laukai be pavadinimų. Po to taisykite tai, kas apsunkina naršymą. Rankinis pasitikrinimas padeda greitai pamatyti didžiausias problemas, tačiau jis nėra išsamus ir nepakeičia viso svetainės įvertinimo.
Jei norite pilno automatizuoto patikrinimo su prioritetizuotu taisymo planu – užsisakykite auditą. Bazinis paketas kainuoja 59,29 €, Standartinis – 119,79 €, Pilnas – 240,79 € (kainos su PVM). Užsisakyti auditą.
Šis straipsnis yra bendro pobūdžio informacija ir nėra teisinė konsultacija. Ar reikalavimai taikomi jūsų verslui, rekomenduojame pasitarti su teisininku arba VVTAT.
Šaltiniai
- NV Access: NVDA naudotojo vadovas (anglų k.)
- Apple: VoiceOver įjungimas ir išjungimas „Mac“ kompiuteryje
- Apple: VoiceOver įjungimas ir praktika „iPhone“
- Google: TalkBack įjungimas ir išjungimas „Android“ telefone
- W3C: Saityno turinio prieinamumo gairės (WCAG) 2.1 (anglų k.)
Šaltiniai peržiūrėti 2026-10-26. Teisės aktai keičiasi, todėl visada tikrinkite galiojančią redakciją.