Prístupné kontaktné formuláre a Európsky akt o prístupnosti

Kontaktný formulár je často jedinými dverami medzi návštevníkom a Vaším podnikom. Ak sa tieto dvere dajú otvoriť len myšou, s dobrým zrakom a s trpezlivosťou na vyriešenie rozmazanej obrázkovej hádanky, niektorí ľudia jednoducho zostanú vonku. Od polovice roka 2025 to už nie je len otázka použiteľnosti: pre mnohé podniky predávajúce spotrebiteľom v EÚ sa z toho stala otázka právna.

Na čo sa Európsky akt o prístupnosti vzťahuje

Európsky akt o prístupnosti (smernica (EÚ) 2019/882) sa uplatňuje od 28. júna 2025. Stanovuje požiadavky na prístupnosť pre určité výrobky a služby ponúkané spotrebiteľom – okrem iného pre elektronický obchod, spotrebiteľské bankové služby, elektronické knihy, elektronické komunikácie a časti osobnej dopravy. Pri webovej stránke to znamená e-shop alebo bankovú službu ako celok, vrátane formulárov, ktorými Vás zákazníci kontaktujú, kladú otázky alebo sa sťažujú. Mikropodniky poskytujúce služby sú vyňaté: podniky s menej ako desiatimi zamestnancami a s ročným obratom alebo celkovou súvahou najviac 2 milióny EUR. Ponuky určené výlučne iným podnikom spravidla do jeho pôsobnosti nepatria.

Každý členský štát smernicu transponoval do vnútroštátneho práva. V Nemecku je to Barrierefreiheitsstärkungsgesetz (BFSG), v Poľsku zákon z roku 2024 o zabezpečení plnenia požiadaviek na prístupnosť určitými výrobkami a službami. Dozorné orgány a sankcie sa v jednotlivých krajinách líšia, ale technické meradlo je vo veľkej miere rovnaké: v praxi európska norma EN 301 549, ktorá zasa vychádza z Pravidiel prístupnosti webového obsahu (WCAG).

Prečo sa to oplatí aj bez právnej povinnosti

Možno je Váš podnik vyňatý alebo obsluhujete len iné spoločnosti. Prístupné formuláre sa aj tak oplatia, a to z jednoduchého dôvodu: každý človek, ktorý to v polovici vzdá, je dopyt, ktorý nikdy nedostanete. Úpravy, ktoré pomáhajú používateľovi čítačky obrazovky, pomáhajú aj niekomu, kto vypĺňa formulár na mobile vo vlaku, na jasnom slnku, so zlomeným zápästím alebo v druhom jazyku. Jasné popisky a užitočné chybové hlásenia znamenajú menej opustených formulárov pre všetkých – a žiadna z týchto úprav neoslabuje Vašu ochranu proti spamu.

Praktický kontrolný zoznam s odkazmi na WCAG 2.2

• Viditeľné popisky prepojené so vstupmi (1.3.1, 3.3.2): každé pole má viditeľný popisok, ktorý je s ním prepojený cez for/id. Zástupný text sám osebe nie je popisok – zmizne, len čo niekto začne písať.
• Chybové hlásenia, ktoré vysvetľujú nápravu (3.3.1, 3.3.3): pomenujte pole, povedzte, čo je zle a ako to opraviť – textom, nielen červeným okrajom. „Zadajte e-mailovú adresu v tvare meno@example.com“ je lepšie ako „Neplatný vstup“.
• Úplné ovládanie klávesnicou (2.1.1, 2.1.2): na každé pole, zaškrtávacie políčko, CAPTCHA a odosielacie tlačidlo sa dá dostať a používať ich pomocou klávesov Tab, medzerník a Enter, bez pascí pre klávesnicu.
• Viditeľný fokus (2.4.7): vždy je vidieť, ktoré pole je aktívne. Odstránenie obrysu fokusu prehliadača bez náhrady toto kritérium nespĺňa.
• Dostatočný kontrast (1.4.3): text, popisky a chybové hlásenia majú voči pozadiu kontrastný pomer aspoň 4,5:1 (3:1 pri veľkom texte).
• Veľkosť cieľa (2.5.8): tlačidlá, zaškrtávacie políčka a odkazy majú aspoň 24 × 24 CSS pixelov alebo okolo seba dostatočný odstup.
• Alternatívy k CAPTCHA (1.1.1) a prístupné overenie totožnosti (3.3.8): 1.1.1 vyžaduje textovú alternatívu a CAPTCHA vo viac ako jednej zmyslovej forme; 3.3.8 sa striktne vzťahuje na kroky prihlásenia, ale jeho myšlienka sa dá preniesť – hádanka, ako je prepisovanie skreslených písmen alebo riešenie príkladu, by nemala byť jedinou cestou. Ponúknite alternatívu alebo použite metódu, ktorá žiadnu hádanku nepotrebuje.
• Honeypoty skryté pred asistenčnými technológiami: pole-pasca dostane na obaľujúcom prvku aria-hidden="true" a tabindex="-1", takže používatelia čítačiek obrazovky a klávesnice sa doň nikdy nedostanú.

CAPTCHA a honeypoty: kde sa ochrana proti spamu stretáva s prístupnosťou

Prísne vzaté, kritérium 3.3.8 sa týka krokov prihlásenia a overenia totožnosti, nie kontaktných formulárov. Myšlienka za ním sa však dá dobre preniesť: písanie skreslených písmen, riešenie príkladu alebo výber semaforov z mriežky obrázkov niektorých ľudí úplne vylučuje. Možnosti, ktoré zvyčajne fungujú bez akejkoľvek hádanky – napríklad Cloudflare Turnstile, Friendly Captcha, honeypot v kombinácii s časovou kontrolou alebo filtrovanie na strane servera, ako je Akismet –, udržia spam vonku bez toho, aby od návštevníkov žiadali čokoľvek dokazovať. Honeypot je ohľaduplný len vtedy, ak je skutočne neviditeľný, aj pre čítačky obrazovky a používateľov klávesnice:

<div class="hp" aria-hidden="true">
  <label for="hp-website">Toto pole nechajte prázdne</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

Otestujte svoj formulár za pätnásť minút

1. 1Odložte myš a vyplňte celý formulár len pomocou klávesnice. Dostanete sa ku každému poľu a odosielaciemu tlačidlu a vidíte vždy, kde sa nachádzate?
2. 2Odošlite formulár prázdny a potom s nesprávnou e-mailovou adresou. Zobrazia sa chyby ako text vedľa správneho poľa a je jasné, čo treba urobiť?
3. 3Otvorte stránku na mobile alebo priblížte prehliadač na 200 %. Je všetko čitateľné, dajú sa tlačidlá ľahko stlačiť a nezakrýva cookie lišta alebo chatovací widget odosielacie tlačidlo?
4. 4Zapnite čítačku obrazovky (VoiceOver, NVDA alebo TalkBack) a počúvajte: ohlási sa každé pole s jeho popiskom a zostane honeypot ticho?
5. 5Spustite automatickú kontrolu, napríklad axe-core. Rýchlo nájde chýbajúce popisky a problémy s kontrastom, ale nie všetko – manuálne kroky uvedené vyššie sú stále potrebné.

Ak by ste radšej začali prehľadom, formexposed sa pozrie na Vaše verejné formuláre zvonku bez toho, aby čokoľvek odosielal. Jeho kontroly prístupnosti spúšťajú axe-core na každom formulári, označujú CAPTCHA bez prístupnej alternatívy a honeypoty, ktoré čítačky obrazovky ohlasujú, a pozerajú sa na formulár na mobile – dotykové ciele, prekrytia zakrývajúce odosielacie tlačidlo, vodorovné posúvanie. Bezplatná kontrola ukáže celkovú úroveň; tieto podrobnosti sú v úplnej správe. Je to dobrý východiskový bod pre uvedený zoznam, nie náhrada za testovanie so skutočnými ľuďmi.