Pristupačni kontaktni obrasci i Europski akt o pristupačnosti

Kontaktni obrazac često je jedini ulaz između posjetitelja i Vašeg poduzeća. Ako se taj ulaz može otvoriti samo mišem, dobrim vidom i strpljenjem za rješavanje mutne slikovne zagonetke, neki ljudi jednostavno ostaju vani. Od sredine 2025. to više nije samo pitanje upotrebljivosti: za mnoga poduzeća koja prodaju potrošačima u EU-u postalo je pravno pitanje.

Što obuhvaća Europski akt o pristupačnosti

Europski akt o pristupačnosti (Direktiva (EU) 2019/882) primjenjuje se od 28. lipnja 2025. Propisuje zahtjeve pristupačnosti za određene proizvode i usluge koji se nude potrošačima – među njima e-trgovinu, bankarske usluge za potrošače, e-knjige, elektroničke komunikacije i dijelove putničkog prijevoza. Za web-stranicu to znači internetsku trgovinu ili bankarsku uslugu u cjelini, uključujući obrasce kojima Vam se korisnici javljaju, postavljaju pitanja ili podnose pritužbe. Mikropoduzeća koja pružaju usluge izuzeta su: poduzeća s manje od deset zaposlenih i godišnjim prometom ili ukupnom bilancom koja ne prelazi 2 milijuna EUR. Ponude namijenjene isključivo drugim poduzećima u pravilu su izvan njegova područja primjene.

Svaka je država članica prenijela direktivu u nacionalno zakonodavstvo. U Njemačkoj je to Barrierefreiheitsstärkungsgesetz (BFSG), a u Poljskoj zakon iz 2024. o osiguravanju da određeni proizvodi i usluge ispunjavaju zahtjeve pristupačnosti. Nadzorna tijela i kazne razlikuju se od zemlje do zemlje, ali tehničko je mjerilo uglavnom isto: u praksi europska norma EN 301 549, koja se pak temelji na Smjernicama za pristupačnost web-sadržaja (WCAG).

Zašto se isplati i bez zakonske obveze

Možda je Vaše poduzeće izuzeto ili poslujete samo s drugim poduzećima. Pristupačni se obrasci ipak isplate iz jednostavnog razloga: svaka osoba koja odustane na pola puta predstavlja upit koji nikada nećete primiti. Poboljšanja koja pomažu korisniku čitača zaslona pomažu i nekome tko obrazac ispunjava na telefonu u vlaku, na jakom suncu, sa slomljenim zapešćem ili na stranom jeziku. Jasne oznake i korisne poruke o pogreškama znače manje napuštenih obrazaca za sve – a nijedno od tih poboljšanja ne slabi Vašu zaštitu od neželjenih poruka.

Praktična kontrolna lista s referencama na WCAG 2.2

• Vidljive oznake povezane s pripadajućim poljima (1.3.1, 3.3.2): svako polje ima vidljivu oznaku povezanu s njim putem for/id. Sam zamjenski tekst nije oznaka – nestaje čim netko počne tipkati.
• Poruke o pogreškama koje objašnjavaju ispravak (3.3.1, 3.3.3): navedite polje, recite što nije u redu i kako to ispraviti – tekstom, a ne samo crvenim obrubom. „Unesite adresu e-pošte poput name@example.com” bolje je od „Neispravan unos”.
• Potpuno upravljanje tipkovnicom (2.1.1, 2.1.2): svakom polju, potvrdnom okviru, CAPTCHA-i i gumbu za slanje može se pristupiti i njima upravljati tipkama Tab, Space i Enter, bez zamki za tipkovnicu.
• Vidljiv fokus (2.4.7): uvijek se vidi koje je polje aktivno. Uklanjanje obruba fokusa preglednika bez zamjene ne zadovoljava ovaj kriterij.
• Dovoljan kontrast (1.4.3): tekst, oznake i poruke o pogreškama imaju omjer kontrasta u odnosu na pozadinu od najmanje 4.5:1 (3:1 za veliki tekst).
• Veličina cilja (2.5.8): gumbi, potvrdni okviri i poveznice imaju najmanje 24 × 24 CSS piksela ili dovoljno razmaka oko sebe.
• Alternative CAPTCHA-i (1.1.1) i pristupačna autentifikacija (3.3.8): 1.1.1 zahtijeva tekstualnu alternativu i CAPTCHA-u u više od jednog osjetilnog oblika; 3.3.8 strogo obuhvaća korake prijave, ali njegova se ideja može primijeniti i ovdje – zagonetka poput prepisivanja iskrivljenih slova ili rješavanja zbroja ne bi smjela biti jedini put dalje. Ponudite alternativu ili upotrijebite metodu koja uopće ne zahtijeva zagonetku.
• Zamke za botove skrivene od asistivne tehnologije: omotač polja zamke dobiva aria-hidden="true", a polje tabindex="-1", tako da korisnici čitača zaslona i tipkovnice nikada ne dospiju u njega.

CAPTCHA-e i zamke za botove: gdje se susreću zaštita od neželjenih poruka i pristupačnost

Strogo govoreći, kriterij 3.3.8 odnosi se na korake prijave i autentifikacije, a ne na kontaktne obrasce. No ideja iza njega dobro se prenosi: upisivanje iskrivljenih slova, rješavanje zbroja ili odabir semafora iz mreže slika neke ljude potpuno isključuje. Mogućnosti koje obično rade bez ikakve zagonetke – poput Cloudflare Turnstile, Friendly Captcha, zamke za botove u kombinaciji s vremenskom provjerom ili filtriranja na poslužitelju poput Akismeta – zaustavljaju neželjene poruke bez traženja da posjetitelji išta dokazuju. Zamka za botove pogodna je za korisnike samo ako je doista nevidljiva, također čitačima zaslona i korisnicima tipkovnice:

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

Testirajte vlastiti obrazac za petnaest minuta

1. 1Odložite miš i ispunite cijeli obrazac samo tipkovnicom. Možete li doći do svakog polja i gumba za slanje te vidite li uvijek gdje se nalazite?
2. 2Pošaljite prazan obrazac, a zatim obrazac s pogrešnom adresom e-pošte. Pojavljuju li se pogreške kao tekst uz odgovarajuće polje i je li jasno što treba učiniti?
3. 3Otvorite stranicu na telefonu ili povećajte prikaz u pregledniku na 200%. Je li sve čitljivo, je li lako dodirnuti gumbe i prekriva li natpis za kolačiće ili dodatak za razgovor gumb za slanje?
4. 4Uključite čitač zaslona (VoiceOver, NVDA ili TalkBack) i slušajte: najavljuje li se svako polje sa svojom oznakom i ostaje li zamka za botove neizgovorena?
5. 5Pokrenite automatiziranu provjeru poput axe-core. Brzo pronalazi oznake koje nedostaju i probleme s kontrastom, ali ne sve – i dalje su potrebni gore navedeni ručni koraci.

Ako biste radije počeli pregledom, formexposed provjerava Vaše javne obrasce izvana, bez slanja ičega putem njih. Njegove provjere pristupačnosti pokreću axe-core na svakom obrascu, označavaju CAPTCHA-e bez pristupačne alternative i zamke za botove koje čitači zaslona najavljuju te pregledavaju obrazac na telefonu – ciljeve dodira, slojeve koji prekrivaju gumb za slanje i vodoravno pomicanje. Besplatna provjera prikazuje ukupnu razinu; te se pojedinosti nalaze u cjelovitom izvješću. To je dobra polazna točka za gornji popis, a ne zamjena za testiranje sa stvarnim ljudima.