Pristupačni kontakt obrasci i Evropski akt o pristupačnosti

Kontakt obrazac često predstavlja jedina vrata između posetioca i Vašeg poslovanja. Ako se ta vrata mogu otvoriti samo mišem, dobrim vidom i strpljenjem da se reši zagonetka sa mutnom slikom, neki ljudi jednostavno ostaju napolju. Od sredine 2025. to više nije samo pitanje upotrebljivosti: za mnoga preduzeća koja prodaju potrošačima u EU postalo je i pravno pitanje.

Šta obuhvata Evropski akt o pristupačnosti

Evropski akt o pristupačnosti (Direktiva (EU) 2019/882) primenjuje se od 28. juna 2025. Postavlja zahteve pristupačnosti za određene proizvode i usluge ponuđene potrošačima — među njima e-trgovinu, potrošačke bankarske usluge, e-knjige, elektronske komunikacije i delove prevoza putnika. Za sajt to znači onlajn prodavnicu ili bankarsku uslugu kao celinu, uključujući obrasce koje klijenti koriste da Vas kontaktiraju, postave pitanja ili se žale. Mikropreduzeća koja pružaju usluge izuzeta su: preduzeća sa manje od deset zaposlenih i godišnjim prometom ili bilansnom sumom do EUR 2 miliona. Ponude namenjene isključivo drugim preduzećima uglavnom su van njegovog opsega.

Svaka država članica prenela je direktivu u nacionalno pravo. U Nemačkoj je to Barrierefreiheitsstärkungsgesetz (BFSG), a u Poljskoj zakon iz 2024. o obezbeđivanju da određeni proizvodi i usluge ispunjavaju zahteve pristupačnosti. Nadzorni organi i kazne razlikuju se od zemlje do zemlje, ali tehničko merilo je uglavnom isto: u praksi evropski standard EN 301 549, koji se pak zasniva na Smernicama za pristupačnost veb sadržaja (WCAG).

Zašto se isplati čak i bez zakonske obaveze

Možda je Vaše preduzeće izuzeto ili radite samo za druge kompanije. Pristupačni obrasci ipak vrede, iz jednostavnog razloga: svaka osoba koja odustane na pola puta jeste upit koji nikada ne primite. Poboljšanja koja pomažu korisniku čitača ekrana pomažu i nekome ko popunjava obrazac telefonom u vozu, na jakom suncu, sa slomljenim ručnim zglobom ili na drugom jeziku. Jasne oznake i korisne poruke o greškama znače manje napuštenih obrazaca za sve — i nijedno od tih poboljšanja ne slabi Vašu zaštitu od neželjenih poruka.

Praktična kontrolna lista sa referencama na WCAG 2.2

• Vidljive oznake povezane sa poljima (1.3.1, 3.3.2): svako polje ima vidljivu oznaku povezanu putem for/id. Sam tekst primera u polju nije oznaka — nestaje čim neko počne da kuca.
• Poruke o greškama koje objašnjavaju ispravku (3.3.1, 3.3.3): navedite polje, recite šta nije u redu i kako da se ispravi — tekstom, a ne samo crvenom ivicom. „Unesite adresu e-pošte poput name@example.com“ bolje je od „Nevažeći unos“.
• Potpuna upotreba tastaturom (2.1.1, 2.1.2): svako polje, polje za potvrdu, CAPTCHA i dugme za slanje mogu se dosegnuti i koristiti pomoću tastera Tab, Space i Enter, bez zamki tastature.
• Vidljiv fokus (2.4.7): uvek se vidi koje polje je aktivno. Uklanjanje okvira fokusa pregledača bez zamene ne ispunjava ovaj kriterijum.
• Dovoljan kontrast (1.4.3): tekst, oznake i poruke o greškama imaju odnos kontrasta prema pozadini od najmanje 4.5:1 (3:1 za veliki tekst).
• Veličina cilja (2.5.8): dugmad, polja za potvrdu i linkovi imaju najmanje 24 × 24 CSS piksela ili dovoljno razmaka oko sebe.
• Alternative za CAPTCHA (1.1.1) i pristupačna autentikacija (3.3.8): 1.1.1 zahteva tekstualnu alternativu i CAPTCHA u više od jednog čulnog oblika; 3.3.8 strogo obuhvata korake prijavljivanja, ali njegova ideja se prenosi — zagonetka poput prepisivanja izobličenih slova ili rešavanja zbira ne bi trebalo da bude jedini prolaz. Ponudite alternativu ili koristite metod koji uopšte ne zahteva zagonetku.
• Polja zamke skrivena od asistivne tehnologije: omotač polja zamke dobija aria-hidden="true", a polje tabindex="-1", tako da korisnici čitača ekrana i tastature nikada ne dospeju do njega.

CAPTCHA i polja zamke: gde se zaštita od neželjenih poruka sreće sa pristupačnošću

Strogo govoreći, kriterijum 3.3.8 odnosi se na korake prijavljivanja i autentikacije, a ne na kontakt obrasce. Ipak, ideja iza njega dobro se prenosi: kucanje izobličenih slova, rešavanje zbira ili biranje semafora u mreži slika potpuno isključuje neke ljude. Opcije koje obično rade bez zagonetke — poput Cloudflare Turnstile, Friendly Captcha, polja zamke uz vremensku proveru ili filtriranja na serveru pomoću usluge Akismet — sprečavaju neželjene poruke bez traženja od posetilaca da išta dokazuju. Polje zamka je dobronamerno samo ako je zaista nevidljivo, i čitačima ekrana i korisnicima tastature:

<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 svoj obrazac za petnaest minuta

1. 1Ostavite miš i popunite ceo obrazac samo tastaturom. Možete li doći do svakog polja i dugmeta za slanje i da li uvek vidite gde ste?
2. 2Pošaljite prazan obrazac, pa zatim sa pogrešnom adresom e-pošte. Da li se greške pojavljuju kao tekst pored pravog polja i da li je jasno šta treba uraditi?
3. 3Otvorite stranicu na telefonu ili uvećajte pregledač na 200%. Da li je sve čitljivo, da li se dugmad lako dodiruju i da li baner za kolačiće ili vidžet za ćaskanje prekriva dugme za slanje?
4. 4Uključite čitač ekrana (VoiceOver, NVDA ili TalkBack) i slušajte: da li se svako polje najavljuje sa oznakom i da li polje zamka ostaje tiho?
5. 5Pokrenite automatizovanu proveru alatom kao što je axe-core. Brzo pronalazi nedostajuće oznake i probleme sa kontrastom, ali ne sve — navedeni ručni koraci i dalje su potrebni.

Ako biste radije počeli pregledom, formexposed proverava Vaše javne obrasce spolja, bez slanja bilo čega. Njegove provere pristupačnosti pokreću axe-core na svakom obrascu, označavaju CAPTCHA provere bez pristupačne alternative i polja zamke koja čitači ekrana najavljuju i proveravaju obrazac na telefonu — ciljeve dodira, slojeve koji prekrivaju dugme za slanje i horizontalno pomeranje. Besplatna provera pokazuje ukupni nivo; ovi detalji su u potpunom izveštaju. Dobra je polazna tačka za gornju listu, ne zamena za testiranje sa stvarnim ljudima.