Prieinamos kontaktinės formos ir Europos prieinamumo aktas

Kontaktinė forma dažnai yra vienintelės durys tarp lankytojo ir Jūsų verslo. Jei tas duris galima atidaryti tik pele, turint gerą regėjimą ir kantrybės išspręsti neryškų paveikslėlių galvosūkį, dalis žmonių tiesiog lieka lauke. Nuo 2025 m. vidurio tai jau ne tik patogumo klausimas: daugeliui ES vartotojams parduodančių įmonių tai tapo teisiniu klausimu.

Ką apima Europos prieinamumo aktas

Europos prieinamumo aktas (Direktyva (ES) 2019/882) taikomas nuo 2025 m. birželio 28 d. Jis nustato prieinamumo reikalavimus tam tikriems vartotojams siūlomiems gaminiams ir paslaugoms – tarp jų elektroninei prekybai, vartotojams teikiamoms bankininkystės paslaugoms, e. knygoms, elektroniniams ryšiams ir daliai keleivių vežimo paslaugų. Svetainės atveju tai reiškia visą internetinę parduotuvę ar bankininkystės paslaugą, įskaitant formas, kuriomis klientai su Jumis susisiekia, užduoda klausimus ar teikia skundus. Paslaugas teikiančios labai mažos įmonės yra atleistos: įmonės, turinčios mažiau nei dešimt darbuotojų ir kurių metinė apyvarta ar balanso suma neviršija 2 mln. EUR. Išimtinai kitoms įmonėms skirti pasiūlymai paprastai nepatenka į jo taikymo sritį.

Kiekviena valstybė narė direktyvą perkėlė į nacionalinę teisę. Vokietijoje tai Barrierefreiheitsstärkungsgesetz (BFSG), Lenkijoje – 2024 m. įstatymas dėl to, kad tam tikri gaminiai ir paslaugos atitiktų prieinamumo reikalavimus. Priežiūros institucijos ir sankcijos įvairiose valstybėse skiriasi, tačiau techninis matas iš esmės tas pats: praktikoje tai Europos standartas EN 301 549, kuris savo ruožtu remiasi Žiniatinklio turinio prieinamumo gairėmis (WCAG).

Kodėl tai apsimoka net ir be teisinės pareigos

Galbūt Jūsų įmonė yra atleista arba aptarnaujate tik kitas įmones. Prieinamos formos vis tiek vertos pastangų dėl paprastos priežasties: kiekvienas žmogus, pasiduodantis pusiaukelėje, yra užklausa, kurios niekada negausite. Pataisymai, kurie padeda ekrano skaitytuvo naudotojui, taip pat padeda tam, kuris pildo formą telefonu traukinyje, ryškioje saulėje, su lūžusiu riešu ar ne gimtąja kalba. Aiškios etiketės ir naudingi klaidų pranešimai reiškia mažiau neužbaigtų formų visiems – ir nė vienas iš jų nesusilpnina Jūsų apsaugos nuo šlamšto.

Praktinis kontrolinis sąrašas su nuorodomis į WCAG 2.2

• Matomos etiketės, susietos su įvesties laukais (1.3.1, 3.3.2): kiekvienas laukas turi matomą etiketę, susietą su juo per for/id. Vien užuomina (placeholder) nėra etiketė – ji dingsta, kai tik kas nors pradeda rašyti.
• Klaidų pranešimai, paaiškinantys, kaip ištaisyti (3.3.1, 3.3.3): nurodykite lauką, pasakykite, kas negerai ir kaip tai ištaisyti – tekstu, o ne tik raudonu rėmeliu. „Įveskite el. pašto adresą, pvz., vardas@example.com“ yra geriau nei „Neteisinga įvestis“.
• Visiškas valdymas klaviatūra (2.1.1, 2.1.2): kiekvieną lauką, žymimąjį langelį, CAPTCHA ir pateikimo mygtuką galima pasiekti ir naudoti Tab, tarpo ir Enter klavišais, be klaviatūros spąstų.
• Matomas fokusas (2.4.7): visada matote, kuris laukas aktyvus. Pašalinus naršyklės fokuso kontūrą be pakaitalo, šis kriterijus neįvykdomas.
• Pakankamas kontrastas (1.4.3): tekstas, etiketės ir klaidų pranešimai turi bent 4,5:1 kontrasto santykį su fonu (dideliam tekstui – 3:1).
• Taikinio dydis (2.5.8): mygtukai, žymimieji langeliai ir nuorodos yra bent 24 × 24 CSS pikselių arba turi pakankamai tarpo aplink save.
• CAPTCHA alternatyvos (1.1.1) ir prieinamas autentifikavimas (3.3.8): 1.1.1 reikalauja tekstinės alternatyvos ir CAPTCHA daugiau nei viena juslinė forma; 3.3.8 griežtai apima prisijungimo žingsnius, tačiau jo idėja pritaikoma ir čia – galvosūkis, pavyzdžiui, iškraipytų raidžių perrašymas ar sumos apskaičiavimas, neturėtų būti vienintelis kelias. Pasiūlykite alternatyvą arba naudokite metodą, kuriam galvosūkio visai nereikia.
• Nuo pagalbinių technologijų paslėpti honeypot laukai: spąstų lauko gaubtas gauna aria-hidden="true", o laukas – tabindex="-1", kad ekrano skaitytuvų ir klaviatūros naudotojai niekada į jį nepatektų.

CAPTCHA ir honeypot: kur apsauga nuo šlamšto susitinka su prieinamumu

Griežtai kalbant, kriterijus 3.3.8 susijęs su prisijungimo ir autentifikavimo žingsniais, o ne su kontaktinėmis formomis. Vis dėlto jo idėja gerai pritaikoma: iškraipytų raidžių įvedimas, sumos apskaičiavimas ar šviesoforų rinkimas iš paveikslėlių tinklelio kai kuriems žmonėms visiškai užkerta kelią. Galimybės, kurios paprastai veikia be jokio galvosūkio, – pavyzdžiui, Cloudflare Turnstile, Friendly Captcha, honeypot laukas kartu su laiko patikra ar filtravimas serveryje, kaip Akismet, – sulaiko šlamštą neprašydamos lankytojų nieko įrodinėti. Honeypot laukas yra draugiškas tik tada, kai jis tikrai nematomas – taip pat ir ekrano skaitytuvams bei klaviatūros naudotojams:

<div class="hp" aria-hidden="true">
  <label for="hp-website">Palikite šį lauką tuščią</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

Išbandykite savo formą per penkiolika minučių

1. 1Atidėkite pelę ir užpildykite visą formą naudodami tik klaviatūrą. Ar galite pasiekti kiekvieną lauką ir pateikimo mygtuką ir ar visada matote, kur esate?
2. 2Pateikite formą tuščią, tada su neteisingu el. pašto adresu. Ar klaidos rodomos tekstu šalia tinkamo lauko ir ar aišku, ką daryti?
3. 3Atidarykite puslapį telefone arba padidinkite naršyklės mastelį iki 200 %. Ar viskas įskaitoma, ar mygtukus lengva paspausti ir ar slapukų reklamjuostė ar pokalbių valdiklis neuždengia pateikimo mygtuko?
4. 4Įjunkite ekrano skaitytuvą (VoiceOver, NVDA ar TalkBack) ir klausykite: ar kiekvienas laukas paskelbiamas su savo etikete ir ar honeypot laukas lieka tylus?
5. 5Atlikite automatinę patikrą, pavyzdžiui, su axe-core. Ji greitai randa trūkstamas etiketes ir kontrasto problemas, bet ne viską – pirmiau nurodytų rankinių žingsnių vis tiek reikia.

Jei norėtumėte pradėti nuo apžvalgos, formexposed Jūsų viešas formas vertina iš išorės, nieko nepateikdama. Jos prieinamumo patikros kiekvienai formai paleidžia axe-core, pažymi CAPTCHA be prieinamos alternatyvos ir honeypot laukus, kuriuos perskaito ekrano skaitytuvai, ir vertina formą telefone – paspaudimo taikinius, pateikimo mygtuką uždengiančius sluoksnius, horizontalų slinkimą. Nemokamas patikrinimas parodo bendrą lygį; ši išsami informacija pateikiama visoje ataskaitoje. Tai geras atspirties taškas pirmiau pateiktam sąrašui, bet ne testavimo su tikrais žmonėmis pakaitalas.