Svetainės prieinamumo kontrolinis sąrašas smulkiajam verslui

Įsivaizduokite pirkėją, kuris naudojasi ekrano skaitytuvu. Jis randa norimus sportbačius, pasirenka dydį ir paspaudžia, jo manymu, krepšelio mygtuką. Ekrano skaitytuvas pasako: „mygtukas“. Ir nieko daugiau. Puslapyje tokių mygtukų yra trys, nė vienas neturi pavadinimo, todėl pirkėjas išeina, o jūs niekada nesužinote kodėl.

Dauguma smulkiojo verslo svetainių prieinamumo problemų atrodo būtent taip: savininkas jų nemato, o pirkėjui tai aklavietė. Šis kontrolinis sąrašas skirtas tiems, kurie valdo Shopify, WooCommerce, Wix ar Squarespace svetainę neturėdami etatinio programuotojo.

Ar mano smulkiojo verslo svetainė turi būti prieinama?

Jei parduodate vartotojams ES, greičiausiai taip. Europos prieinamumo aktas (atsidaro naujame skirtuke) e. prekybos paslaugoms taikomas nuo 2025 m. birželio 28 d. Pagrindinė išimtis skirta paslaugas teikiančioms labai mažoms įmonėms, t. y. įmonėms, kuriose dirba mažiau nei 10 žmonių ir kurių metinė apyvarta arba bendras metinis balansas neviršija 2 mln. eurų.

E. prekyba čia reiškia pardavimą nuotoliniu būdu per svetainę ar programėlę „individualiu vartotojo prašymu siekiant sudaryti vartojimo sutartį“ (3 straipsnio 30 punktas). Šį apibrėžimą atitinka e. parduotuvė ar rezervavimo sistema. Išimtis apima tik paslaugas: parduodant aktui priskirtus gaminius, pavyzdžiui, e. skaitykles, vis tiek taikomos gaminių taisyklės (4 straipsnio 5 dalis). Nepadeda ir tai, kad esate už ES ribų: JK parduotuvei, parduodančiai pirkėjams Prancūzijoje, aktas taikomas pardavimams šiems pirkėjams (3 straipsnio 4 punktas). Nacionaliniai įstatymai ir baudos aptarti mūsų Europos prieinamumo akto vadove.

JK 2010 m. Lygybės įstatymas (atsidaro naujame skirtuke) reikalauja pagrįstų pritaikymų žmonėms su negalia, bet techninio svetainių standarto nenustato. JAV Teisingumo departamento 2022 m. kovo gairėse (atsidaro naujame skirtuke) sakoma, kad visuomenei atviros įmonės turi užtikrinti, jog tai, ką jos siūlo internete, būtų prieinama, o tokie standartai kaip WCAG „suteikia naudingų gairių“. Kad ir ką sakytų įstatymas, pirkėjas, negalintis užbaigti apmokėjimo, nieko nenuperka.

Kokios dažniausios svetainių prieinamumo problemos?

Dominuoja šešios klaidos. 2026 m. vasarį automatiškai nuskenavus milijoną populiariausių pagrindinių puslapių (WebAIM Million 2026 (atsidaro naujame skirtuke)), WCAG pažeidimai aptikti 95,9 % puslapių, vidutiniškai po 56,1 klaidos puslapyje. Dažniausia problema buvo mažo kontrasto tekstas, rastas 83,9 % pagrindinių puslapių.

WCAG (Interneto turinio prieinamumo gairės) yra šių patikrinimų pagrindas; dauguma įstatymų remiasi jų AA lygiu, o naujausia versija paaiškinta mūsų WCAG 2.2 vadove. Kai kurių toliau aprašytų dalykų joks skeneris įvertinti negali.

Ar visi gali perskaityti jūsų tekstą ir suprasti paveikslėlius?

Pradėkite nuo čia, nes šie pataisymai pigūs ir daugumą jų galite atlikti patys svetainės redaktoriuje. Tekstui reikia pakankamo kontrasto, informaciją perteikiantiems paveikslėliams reikia alternatyviojo teksto, o niekas neturėtų remtis vien spalva. Pasak Colour Blind Awareness (atsidaro naujame skirtuke), maždaug vienas iš 12 vyrų ir viena iš 200 moterų turi spalvų matymo sutrikimą.

• Kontrastas. Įprastam tekstui reikia ne mažesnio kaip 4,5:1 kontrasto santykio (atsidaro naujame skirtuke) su fonu, dideliam tekstui bent 3:1. Patikrinkite savo spalvas, įskaitant tekstą ant reklaminių nuotraukų, nemokamu tikrintuvu. Mūsų spalvų kontrasto vadove parodyti sprendimai, kurie išsaugo jūsų prekės ženklą.
• Prekių alternatyvusis tekstas. Aprašykite tai, ką pirkėjui reikia žinoti: „Tamsiai mėlynas vilnonis megztinis su aukšta rumbuota apykakle, vaizdas iš priekio“ yra geriau nei „prekės paveikslėlis 1“. Pradėkite nuo dešimties perkamiausių prekių.
• Dekoratyviniai paveikslėliai. Fono ornamento alternatyvusis tekstas turėtų būti tuščias, kad ekrano skaitytuvai jį praleistų. Kai kurios platformos tuščią alt lauką užpildo failo pavadinimu, todėl pasitikrinkite savąją.
• Vien spalva. Žinia „Išparduota“, parodyta tik papilkintu spalvos pavyzdžiu, arba privalomas laukas, pažymėtas tik raudonai, pasieks ne visus. Pažiūrėkite į puslapį per telefono pilkų atspalvių filtrą ir ten, kur prasmė dingsta, pridėkite žodį ar piktogramą.
• Mastelis. Padidinus naršyklės mastelį iki 200 %, tekstas turėtų padidėti nepersidengdamas ir nenusikirpdamas, o meniu turėtų veikti toliau.
• Puslapio kalba. Bet kuris nemokamas tikrintuvas pažymi trūkstamą kalbos deklaraciją. Tai temos nustatymas arba vienos eilutės pakeitimas šablone.

Ar jūsų svetaine galima naudotis klaviatūra?

Daug žmonių naršo be pelės: ekrano skaitytuvų naudotojai, žmonės su rankų drebuliu ar ribotu rankų judrumu ir visi, kurių jutiklinis kilimėlis ką tik sugedo. Padėkite pelę į šalį ir spauskite Tab. Turėtumėte pasiekti kiekvieną nuorodą, mygtuką ir formos lauką logiška tvarka, visada matyti, kur esate, ir niekur neįstrigti.

• Matomas fokusas. Rėmelis turėtų rodyti, kuris elementas aktyvus, o fiksuota antraštė ar pokalbių burbulas neturėtų jo uždengti (WCAG 2.2 kriterijus 2.4.11 Focus Not Obscured). Daug temų rėmelį dėl išvaizdos pašalina; programuotojas gali jį grąžinti.
• Jokių spąstų. Klaviatūra atidarykite meniu, dydžio pasirinkimą, iškylančiuosius langus ir nuotraukų galeriją, ką nors pasirinkite ir pabandykite išeiti. Escape turėtų uždaryti iškylančiuosius langus.
• Pavadinimai piktogramoms. Kiekviena nuoroda ar mygtukas su piktograma turi turėti pavadinimą, kurį gali perskaityti ekrano skaitytuvas, pavyzdžiui, „Krepšelis, 2 prekės“. „Spauskite čia“ pakeiskite žodžiais, kurie pasako, kur veda nuoroda.
• Peršokimo nuoroda ir antraštės. Pirmas Tab paspaudimas idealiu atveju turėtų parodyti nuorodą „Pereiti prie turinio“. WebAIM 2024 m. ekrano skaitytuvų naudotojų apklausoje (atsidaro naujame skirtuke) 71,6 % respondentų teigė, kad ilgame puslapyje pirmiausia naršo pagal antraštes, todėl naudokite tikrus antraščių lygius, o ne paryškintą tekstą.
• Paspaudimo taikiniai. WCAG 2.2 reikalauja, kad taikiniai būtų bent 24 × 24 CSS pikselių arba aplink juos būtų pakankamai vietos (sėkmės kriterijus 2.5.8 (atsidaro naujame skirtuke)).

Ar visi gali įveikti jūsų formas, krepšelį ir apmokėjimą?

Apmokėjimo etape prieinamumo problemos tiesiogiai kainuoja pinigų, todėl išbandykite jį nuo pradžios iki galo, įskaitant tai, kas nutinka, kai kas nors nepavyksta. Kiekvienam laukui reikia matomos etiketės, klaidos turi būti paaiškintos žodžiais, o prisijungimas neturėtų priklausyti nuo atminties testų ar galvosūkių. Tikrinkite ir mokėjimų paslaugų teikėjo puslapius.

• Etiketės, ne laikinasis tekstas. Laikinasis tekstas (placeholder) dingsta vos pradėjus rašyti ir dažnai būna per blyškus, kad būtų įskaitomas. Kiekvienam laukui reikia etiketės, kuri lieka matoma.
• Klaidų pranešimai. Pateikite formą tuščią. Kiekviena klaida turėtų būti aprašyta žodžiais („Įveskite pašto kodą, pvz., LT-01103“), būti rodoma šalia savo lauko ir pranešama ekrano skaitytuvui; vien raudonai nudažyto rėmelio neužtenka.
• Neklauskite du kartus. Pasiūlykite pažymėti „Sąskaitos adresas sutampa“, užuot vertę žmones perrašyti pristatymo adresą. WCAG 2.2 tai pavertė A lygio reikalavimu: 3.3.7 Redundant Entry (perteklinis įvedimas).
• Prisijungimas. Leiskite įklijuoti slaptažodžius ir vienkartinius kodus ir naudotis slaptažodžių tvarkyklėmis. Įklijavimo blokavimas pažeidžia WCAG 2.2 prieinamo autentifikavimo kriterijų (atsidaro naujame skirtuke), nebent siūlote kitą prisijungimo būdą.
• CAPTCHA. 2024 m. WebAIM apklausoje ekrano skaitytuvų naudotojai CAPTCHA įvardijo kaip didžiausią problemą internete. Jei reikia apsaugos nuo robotų, venkite vaizdinių galvosūkių ir visada pasiūlykite nevaizdinę alternatyvą.
• Laiko apribojimai. Jei krepšelio ar rezervacijos laikymo laikas baigiasi, įspėkite žmones ir leiskite jį pratęsti.

Jei dalis apmokėjimo priklauso jūsų platformai ar mokėjimų paslaugų teikėjui, vis tiek ją išbandykite, praneškite apie klaidas ir įtraukite jas į žinomų problemų sąrašą.

O kaip slapukų juostos, iškylantieji langai ir pokalbių įrankiai?

Jūsų pirkėjams trečiųjų šalių skriptai yra jūsų svetainės dalis. Slapukų juosta, kurios negalima uždaryti klaviatūra, blokuoja kiekvieną puslapį, o naujienlaiškio langas, perimantis fokusą apmokėjimo viduryje, gali sužlugdyti pardavimą. Išbandykite kiekvieną pridėtą skriptą ir prieš diegdami naują paklauskite tiekėjo apie prieinamumą.

• Slapukų juosta. Ar galite Tab klavišu pasiekti mygtukus „Sutinku“ ir „Atsisakau“, perskaityti juos padidinę iki 200 % ir po to tęsti ten, kur buvote?
• Iškylantieji langai. Fokusas turėtų pereiti į langą, likti jame, kol jis uždaromas, tada grįžti atgal. Escape turėtų jį uždaryti.
• Pokalbių įrankiai. Mygtukas turi turėti pavadinimą, langas turėtų atsidaryti ir užsidaryti klaviatūra, o telefone jis neturėtų uždengti mygtuko „Mokėti dabar“.
• Karuselės. Viskam, kas automatiškai juda ilgiau nei penkias sekundes, reikia būdo tai pristabdyti, sustabdyti ar paslėpti (WCAG 2.2 (atsidaro naujame skirtuke), sėkmės kriterijus 2.2.2).
• Įterptas turinys. Atsiliepimų blokai, žemėlapiai ir rezervavimo įrankiai taip pat yra jūsų puslapyje. Apie klaidas praneškite tiekėjui.

Ar jūsų vaizdo įrašai, PDF ir meniu tinka visiems?

Vaizdo įrašams reikia subtitrų, garso įrašams reikia stenogramos, o svarbi informacija neturėtų būti tik PDF faile ar paveikslėlyje. Restoranas, kurio meniu yra nuskenuotas PDF, ar parduotuvė, kurios dydžių lentelė yra nuotrauka, atstumia ekrano skaitytuvų naudotojus ir visus, kuriems telefone reikia priartinti.

• Subtitrai ir stenogramos. Prieš skelbdami ištaisykite automatinius subtitrus. Tinklalaidėms reikia tekstinės versijos.
• Teksto nuotraukos. Meniu, kainoraščius, dydžių lenteles ir darbo laiką skelbkite įprastame tinklalapyje. Jei PDF būtinas, eksportuokite jį iš teksto rengyklės su antraštėmis ir žymomis, o ne skenuokite atspausdintą lapą.
• Senesni failai. Aktas nereikalauja taisyti biuro rinkmenų ar iš anksto įrašyto garso ir vaizdo turinio, paskelbto iki 2025 m. birželio 28 d., ar archyvų, kurių nebeatnaujinate (2 straipsnio 4 dalis). Nauji failai į taikymo sritį patenka.

Ką galiu ištaisyti pats ir kada man reikia programuotojo ar audito?

Daugumą turinio problemų galite ištaisyti patys turinio valdymo sistemoje: alternatyvųjį tekstą, antraštes, nuorodų tekstą, spalvas, subtitrus ir daugelį formų etikečių. Temos lygio problemoms, tokioms kaip trūkstami fokuso stiliai, klaviatūros spąstai ir pritaikyti išskleidžiamieji meniu, reikia programuotojo. Auditas prasmingiausias, kai pagrindai jau sutvarkyti, arba prieš paleidžiant naują dizainą.

Kur čia tinka toks valdiklis kaip mūsų? Lankytojo pusėje veikiantis skydelis, pavyzdžiui, SiteAccessible, leidžia žmonėms sustiprinti kontrastą, padidinti tekstą ar įjungti skaitymo liniuotę. Tai padeda daliai lankytojų, bet neįvykdo nė vieno šio sąrašo punkto: mygtukas be pavadinimo lieka be pavadinimo, o klaviatūros spąstai lieka spąstais. Pirmiausia ištaisykite svetainę, o valdiklį laikykite priedu.

Kaip užfiksuoti, ką padariau?

Veskite paprastą žurnalą: ką ir kada išbandėte, ką ištaisėte ir kas dar neveikia, tada paskelbkite sąžiningą santrauką prieinamumo pareiškime. Jei jums taikomas Europos prieinamumo aktas, taip pat turite skelbti informaciją apie tai, kaip jūsų paslauga atitinka prieinamumo reikalavimus, paprastai savo taisyklėse ir sąlygose arba lygiaverčiame dokumente.

Ši antroji pareiga kyla iš direktyvos V priedo; formą nustato nacionaliniai įstatymai. Mūsų prieinamumo pareiškimo rašymo vadove rasite šabloną, kurį galite pritaikyti. Tada laikykitės šios tvarkos:

1. Patikrinkite savo tris pagrindinius puslapius pagal sąrašą ir padarykite kiekvienos klaidos ekrano kopiją.
2. Šią savaitę patys ištaisykite turinio punktus.
3. Perduokite programuotojui temos ir apmokėjimo punktus, pradėdami nuo blogiausių.
4. Kiekvieną pataisymą patikrinkite iš naujo ne tik tikrintuvu, bet ir klaviatūra.
5. Paskelbkite arba atnaujinkite pareiškimą, nurodydami datą.
6. Kartokite kaskart, kai pridedate programėlę, keičiate temą ar paleidžiate naują nukreipimo puslapį.