Ligipääsetavad kontaktivormid ja Euroopa ligipääsetavusakt

Kontaktivorm on sageli ainus uks külastaja ja teie ettevõtte vahel. Kui seda ust saab avada ainult hiire, hea nägemise ja kannatlikkusega lahendada hägune pildimõistatus, jäävad mõned inimesed lihtsalt õue. Alates 2025. aasta keskpaigast ei ole see enam ainult kasutatavuse küsimus: paljude ELi tarbijatele müüvate ettevõtete jaoks on sellest saanud õiguslik küsimus.

Mida Euroopa ligipääsetavusakt hõlmab

Euroopa ligipääsetavusakti (direktiiv (EL) 2019/882) kohaldatakse alates 28. juunist 2025. See kehtestab ligipääsetavusnõuded teatud toodetele ja teenustele, mida pakutakse tarbijatele – nende hulgas e-kaubandus, tarbijatele suunatud pangandusteenused, e-raamatud, elektroonilise side teenused ja osa reisijateveost. Veebisaidi puhul tähendab see e-poodi või pangandusteenust tervikuna, sealhulgas vorme, mida kliendid kasutavad teiega ühendust võtmiseks, küsimuste esitamiseks või kaebamiseks. Teenuseid osutavad mikroettevõtjad on vabastatud: ettevõtted, kus on vähem kui kümme töötajat ning mille aastakäive või bilansimaht ei ületa 2 miljonit eurot. Üksnes teistele ettevõtjatele suunatud pakkumised jäävad üldjuhul selle kohaldamisalast välja.

Iga liikmesriik on direktiivi oma õigusesse üle võtnud. Saksamaal on see Barrierefreiheitsstärkungsgesetz (BFSG), Poolas 2024. aasta seadus, millega tagatakse, et teatud tooted ja teenused vastavad ligipääsetavusnõuetele. Järelevalveasutused ja karistused erinevad riigiti, kuid tehniline mõõdupuu on suuresti sama: praktikas Euroopa standard EN 301 549, mis omakorda tugineb veebisisu ligipääsetavuse suunistele (WCAG).

Miks see tasub end ära ka ilma õigusliku kohustuseta

Võib-olla on teie ettevõte vabastatud või teenindate ainult teisi ettevõtteid. Ligipääsetavad vormid on siiski seda väärt lihtsal põhjusel: iga inimene, kes poolel teel loobub, on päring, mida te kunagi ei saa. Parandused, mis aitavad ekraanilugeja kasutajat, aitavad ka kedagi, kes täidab vormi telefonis rongis, eredas päikesevalguses, murtud randmega või teises keeles. Selged sildid ja abistavad veateated tähendavad kõigi jaoks vähem pooleli jäetud vorme – ja ükski neist ei nõrgenda teie rämpspostikaitset.

Praktiline kontroll-loend koos WCAG 2.2 viidetega

• Nähtavad sildid, mis on seotud sisestusväljadega (1.3.1, 3.3.2): igal väljal on nähtav silt, mis on sellega seotud for/id kaudu. Kohatäitetekst üksi ei ole silt – see kaob niipea, kui keegi hakkab kirjutama.
• Veateated, mis selgitavad parandamist (3.3.1, 3.3.3): nimetage väli, öelge, mis on valesti ja kuidas seda parandada – tekstina, mitte ainult punase äärisega. „Sisestage e-posti aadress kujul name@example.com“ on parem kui „Vigane sisend“.
• Täielik klaviatuuriga kasutamine (2.1.1, 2.1.2): iga välja, märkeruutu, CAPTCHA-t ja saatmisnuppu saab Tab-, tühiku- ja Enter-klahviga kätte ja kasutada, ilma klaviatuurilõksudeta.
• Nähtav fookus (2.4.7): alati on näha, milline väli on aktiivne. Brauseri fookusraami eemaldamine ilma asenduseta ei vasta sellele kriteeriumile.
• Piisav kontrast (1.4.3): tekstil, siltidel ja veateadetel on taustaga kontrastsuhe vähemalt 4,5:1 (suure teksti puhul 3:1).
• Sihtala suurus (2.5.8): nupud, märkeruudud ja lingid on vähemalt 24 × 24 CSS-pikslit või nende ümber on piisavalt vaba ruumi.
• CAPTCHA alternatiivid (1.1.1) ja ligipääsetav autentimine (3.3.8): 1.1.1 nõuab tekstialternatiivi ja CAPTCHA-t rohkem kui ühes meeltega tajutavas vormis; 3.3.8 hõlmab rangelt võttes sisselogimise samme, kuid selle mõte kandub üle – mõistatus, nagu moonutatud tähtede ümberkirjutamine või liitmistehte lahendamine, ei tohiks olla ainus tee läbi. Pakkuge alternatiivi või kasutage meetodit, mis ei vaja üldse mõistatust.
• Abitehnoloogia eest peidetud meepotid: lõksuvälja ümbris saab atribuudi aria-hidden="true" ja väli atribuudi tabindex="-1", nii et ekraanilugeja ja klaviatuuri kasutajad ei satu kunagi sinna.

CAPTCHA-d ja meepotid: kus rämpspostikaitse kohtub ligipääsetavusega

Rangelt võttes käsitleb kriteerium 3.3.8 sisselogimise ja autentimise samme, mitte kontaktivorme. Selle taga olev mõte kandub siiski hästi üle: moonutatud tähtede kirjutamine, liitmistehte lahendamine või fooride valimine piltide ruudustikust tõrjub mõned inimesed täielikult välja. Võimalused, mis tavaliselt töötavad ilma igasuguse mõistatuseta – nagu Cloudflare Turnstile, Friendly Captcha, meepott koos ajakontrolliga või serveripoolne filtreerimine, nt Akismet –, hoiavad rämpsposti eemal, nõudmata külastajatelt millegi tõestamist. Meepott on sõbralik ainult siis, kui see on tõeliselt nähtamatu, ka ekraanilugejate ja klaviatuuri kasutajate jaoks:

<div class="hp" aria-hidden="true">
  <label for="hp-website">Jätke see väli tühjaks</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

Testige oma vormi viieteistkümne minutiga

1. 1Pange hiir kõrvale ja täitke kogu vorm ainult klaviatuuriga. Kas jõuate iga välja ja saatmisnupuni ning kas näete alati, kus te olete?
2. 2Saatke vorm tühjana, seejärel vale e-posti aadressiga. Kas vead ilmuvad tekstina õige välja kõrval ja kas on selge, mida teha?
3. 3Avage leht telefonis või suumige brauser 200%-le. Kas kõik on loetav, kas nuppe on lihtne puudutada ja kas küpsisebänner või vestlusvidin katab saatmisnupu?
4. 4Lülitage sisse ekraanilugeja (VoiceOver, NVDA või TalkBack) ja kuulake: kas iga väli loetakse ette koos sildiga ja kas meepott jääb vaikseks?
5. 5Käivitage automaatne kontroll, näiteks axe-core. See leiab puuduvad sildid ja kontrastiprobleemid kiiresti, kuid mitte kõike – ülaltoodud käsitsi sammud on endiselt vajalikud.

Kui eelistate alustada ülevaatest, vaatab formexposed teie avalikke vorme väljastpoolt, ilma midagi saatmata. Selle ligipääsetavuse kontrollid käivitavad iga vormi puhul axe-core'i, märgivad ära CAPTCHA-d ilma ligipääsetava alternatiivita ja meepotid, mida ekraanilugejad ette loevad, ning vaatavad vormi telefonis – puutealad, saatmisnuppu katvad kihid, horisontaalne kerimine. Tasuta kontroll näitab üldist taset; need üksikasjad on täisaruandes. See on hea lähtepunkt ülaltoodud loendi jaoks, mitte asendus päris inimestega testimisele.