Dostopni kontaktni obrazci in evropski akt o dostopnosti

Kontaktni obrazec so pogosto edina vrata med obiskovalcem in Vašim podjetjem. Če je ta vrata mogoče odpreti le z miško, dobrim vidom in potrpežljivostjo za reševanje zamegljene slikovne uganke, nekateri ljudje preprosto ostanejo zunaj. Od sredine leta 2025 to ni več le vprašanje uporabnosti: za številna podjetja, ki prodajajo potrošnikom v EU, je postalo pravno vprašanje.

Kaj zajema evropski akt o dostopnosti

Evropski akt o dostopnosti (Direktiva (EU) 2019/882) se uporablja od 28. junija 2025. Določa zahteve glede dostopnosti za nekatere proizvode in storitve, ki se ponujajo potrošnikom – med njimi e-trgovina, bančne storitve za potrošnike, e-knjige, elektronske komunikacije in deli potniškega prevoza. Za spletno mesto to pomeni spletno trgovino ali bančno storitev kot celoto, vključno z obrazci, s katerimi se stranke obrnejo na Vas, postavljajo vprašanja ali se pritožujejo. Mikropodjetja, ki opravljajo storitve, so izvzeta: podjetja z manj kot desetimi zaposlenimi in letnim prometom ali bilančno vsoto, ki ne presega 2 milijonov EUR. Ponudbe, namenjene izključno drugim podjetjem, praviloma niso v njegovem področju uporabe.

Vsaka država članica je direktivo prenesla v nacionalno pravo. V Nemčiji je to Barrierefreiheitsstärkungsgesetz (BFSG), na Poljskem zakon iz leta 2024 o zagotavljanju, da nekateri proizvodi in storitve izpolnjujejo zahteve glede dostopnosti. Nadzorni organi in kazni se od države do države razlikujejo, tehnično merilo pa je v grobem enako: v praksi evropski standard EN 301 549, ki se opira na smernice za dostopnost spletnih vsebin (WCAG).

Zakaj se splača tudi brez pravne obveznosti

Morda je Vaše podjetje izvzeto ali pa služite le drugim podjetjem. Dostopni obrazci se vseeno splačajo, iz preprostega razloga: vsaka oseba, ki obupa na pol poti, je povpraševanje, ki ga nikoli ne prejmete. Popravki, ki pomagajo uporabniku bralnika zaslona, pomagajo tudi nekomu, ki obrazec izpolnjuje na telefonu na vlaku, na močnem soncu, z zlomljenim zapestjem ali v drugem jeziku. Jasne oznake in koristna sporočila o napakah pomenijo manj opuščenih obrazcev za vse – in nobeden od njih ne oslabi Vaše zaščite pred neželeno pošto.

Praktični kontrolni seznam s sklici na WCAG 2.2

• Vidne oznake, povezane z vnosnimi polji (1.3.1, 3.3.2): vsako polje ima vidno oznako, povezano z njim prek for/id. Samo nadomestno besedilo ni oznaka – izgine, takoj ko nekdo začne tipkati.
• Sporočila o napakah, ki pojasnijo popravek (3.3.1, 3.3.3): navedite polje, povejte, kaj je narobe in kako to popraviti – z besedilom, ne le z rdečo obrobo. »Vnesite e-poštni naslov, kot je name@example.com« je boljše od »Neveljaven vnos«.
• Popolna uporaba s tipkovnico (2.1.1, 2.1.2): vsako polje, potrditveno polje, CAPTCHA in gumb za oddajo je mogoče doseči in uporabiti s tipkami Tab, preslednica in Enter, brez pasti za tipkovnico.
• Viden fokus (2.4.7): vedno je vidno, katero polje je aktivno. Odstranitev obrobe fokusa brskalnika brez nadomestila tega merila ne izpolnjuje.
• Zadosten kontrast (1.4.3): besedilo, oznake in sporočila o napakah imajo glede na ozadje kontrastno razmerje vsaj 4,5:1 (3:1 za veliko besedilo).
• Velikost cilja (2.5.8): gumbi, potrditvena polja in povezave merijo vsaj 24 × 24 slikovnih pik CSS ali imajo okoli sebe dovolj prostora.
• Alternative za CAPTCHA (1.1.1) in dostopno overjanje (3.3.8): 1.1.1 zahteva besedilno alternativo in CAPTCHA v več kot eni čutni obliki; 3.3.8 strogo zajema korake prijave, vendar se njegova zamisel prenese – uganka, kot je prepisovanje popačenih črk ali reševanje vsote, ne bi smela biti edina pot naprej. Ponudite alternativo ali uporabite metodo, ki uganke sploh ne potrebuje.
• Past-polja, skrita pred podpornimi tehnologijami: past-polje dobi aria-hidden="true" na ovojnem elementu in tabindex="-1", da uporabniki bralnikov zaslona in tipkovnice nikoli ne pristanejo v njem.

CAPTCHA in past-polja: kjer se zaščita pred neželeno pošto sreča z dostopnostjo

Strogo vzeto se merilo 3.3.8 nanaša na korake prijave in overjanja, ne na kontaktne obrazce. Zamisel za njim pa se dobro prenese: tipkanje popačenih črk, reševanje vsote ali izbiranje semaforjev iz mreže slik nekatere ljudi popolnoma izključi. Možnosti, ki običajno delujejo brez kakršne koli uganke – kot so Cloudflare Turnstile, Friendly Captcha, past-polje v kombinaciji s preverjanjem časa ali filtriranje na strežniku, kot je Akismet – neželeno pošto zadržijo zunaj, ne da bi od obiskovalcev zahtevale kakršen koli dokaz. Past-polje je prijazno le, če je zares nevidno, tudi za uporabnike bralnikov zaslona in tipkovnice:

<div class="hp" aria-hidden="true">
  <label for="hp-website">Pustite to polje prazno</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

Preizkusite svoj obrazec v petnajstih minutah

1. 1Miško odložite in celoten obrazec izpolnite le s tipkovnico. Ali lahko dosežete vsako polje in gumb za oddajo ter ali vedno vidite, kje ste?
2. 2Obrazec oddajte prazen, nato z napačnim e-poštnim naslovom. Ali se napake prikažejo kot besedilo ob pravem polju in ali je jasno, kaj storiti?
3. 3Stran odprite na telefonu ali brskalnik povečajte na 200 %. Ali je vse berljivo, ali je gumbe lahko tapniti in ali pasica za piškotke ali gradnik za klepet prekrije gumb za oddajo?
4. 4Vklopite bralnik zaslona (VoiceOver, NVDA ali TalkBack) in poslušajte: ali je vsako polje prebrano z oznako in ali past-polje ostane tiho?
5. 5Zaženite avtomatizirano preverjanje, kot je axe-core. Hitro najde manjkajoče oznake in težave s kontrastom, vendar ne vsega – zgornji ročni koraki so še vedno potrebni.

Če bi raje začeli s pregledom, formexposed Vaše javne obrazce pregleda od zunaj, ne da bi kar koli oddal. Njegova preverjanja dostopnosti na vsakem obrazcu zaženejo axe-core, označijo CAPTCHA brez dostopne alternative in past-polja, ki jih bralniki zaslona preberejo, ter obrazec pregledajo na telefonu – cilje za tapkanje, prekrivne elemente, ki prekrivajo gumb za oddajo, vodoravno drsenje. Brezplačno preverjanje pokaže skupno raven; te podrobnosti so v celotnem poročilu. To je dobro izhodišče za zgornji seznam, ne nadomestilo za testiranje z resničnimi ljudmi.