Formulare de contact accesibile și Actul european privind accesibilitatea

Un formular de contact este adesea singura ușă dintre un vizitator și afacerea dumneavoastră. Dacă această ușă poate fi deschisă doar cu mouse-ul, cu o vedere bună și cu răbdarea de a rezolva un puzzle cu imagini neclare, unii oameni rămân pur și simplu afară. Din mijlocul anului 2025, aceasta nu mai este doar o chestiune de ușurință în utilizare: pentru multe întreprinderi care vând consumatorilor din UE, a devenit una juridică.

Ce acoperă Actul european privind accesibilitatea

Actul european privind accesibilitatea (Directiva (UE) 2019/882) se aplică din 28 iunie 2025. El stabilește cerințe de accesibilitate pentru anumite produse și servicii oferite consumatorilor – printre care comerțul electronic, serviciile bancare pentru consumatori, cărțile electronice, comunicațiile electronice și părți ale transportului de călători. Pentru un site, aceasta înseamnă magazinul online sau serviciul bancar în ansamblu, inclusiv formularele pe care clienții le folosesc pentru a vă contacta, a pune întrebări sau a depune reclamații. Microîntreprinderile care furnizează servicii sunt exceptate: întreprinderile cu mai puțin de zece angajați și cu o cifră de afaceri anuală sau un total al bilanțului de cel mult 2 milioane EUR. Ofertele adresate exclusiv altor întreprinderi se află, în general, în afara domeniului său de aplicare.

Fiecare stat membru a transpus directiva în legislația națională. În Germania, este vorba de Barrierefreiheitsstärkungsgesetz (BFSG), în Polonia de o lege din 2024 privind asigurarea îndeplinirii cerințelor de accesibilitate de către anumite produse și servicii. Autoritățile de supraveghere și sancțiunile diferă de la o țară la alta, dar etalonul tehnic este în linii mari același: în practică, standardul european EN 301 549, care se bazează la rândul său pe Ghidul de accesibilitate a conținutului web (WCAG).

De ce merită chiar și fără o obligație legală

Poate că afacerea dumneavoastră este exceptată sau deserviți doar alte companii. Formularele accesibile merită totuși, dintr-un motiv simplu: fiecare persoană care renunță la jumătatea drumului este o solicitare pe care nu o primiți niciodată. Remedierile care ajută un utilizator de cititor de ecran ajută și pe cineva care completează formularul pe telefon, în tren, în plin soare, cu încheietura ruptă sau într-o a doua limbă. Etichetele clare și mesajele de eroare utile înseamnă mai puține formulare abandonate pentru toată lumea – și niciuna dintre ele nu vă slăbește protecția antispam.

O listă de verificare practică, cu trimiteri la WCAG 2.2

• Etichete vizibile legate de câmpurile lor (1.3.1, 3.3.2): fiecare câmp are o etichetă vizibilă, conectată prin for/id. Un placeholder singur nu este o etichetă – dispare de îndată ce cineva începe să tasteze.
• Mesaje de eroare care explică remedierea (3.3.1, 3.3.3): numiți câmpul, spuneți ce este greșit și cum se corectează – în text, nu doar printr-un chenar roșu. „Introduceți o adresă de e-mail de forma nume@example.com” este mai bun decât „Date invalide”.
• Utilizare completă cu tastatura (2.1.1, 2.1.2): fiecare câmp, casetă de bifat, CAPTCHA și butonul de trimitere pot fi accesate și utilizate cu Tab, Spațiu și Enter, fără capcane pentru tastatură.
• Focalizare vizibilă (2.4.7): puteți vedea întotdeauna ce câmp este activ. Eliminarea conturului de focalizare al browserului fără un înlocuitor încalcă acest criteriu.
• Contrast suficient (1.4.3): textul, etichetele și mesajele de eroare au un raport de contrast de cel puțin 4,5:1 față de fundal (3:1 pentru textul mare).
• Dimensiunea țintei (2.5.8): butoanele, casetele de bifat și linkurile au cel puțin 24 × 24 pixeli CSS sau suficient spațiu în jurul lor.
• Alternative pentru CAPTCHA (1.1.1) și autentificare accesibilă (3.3.8): 1.1.1 impune o alternativă text și CAPTCHA-ul în mai multe forme senzoriale; 3.3.8 acoperă strict pașii de autentificare, dar ideea sa se aplică și aici – un puzzle precum retastarea unor litere distorsionate sau rezolvarea unei sume nu ar trebui să fie singura cale de trecere. Oferiți o alternativă sau utilizați o metodă care nu necesită deloc un puzzle.
• Honeypoturi ascunse de tehnologiile de asistare: câmpul-capcană primește aria-hidden="true" pe containerul său și tabindex="-1", astfel încât utilizatorii de cititoare de ecran și de tastatură să nu ajungă niciodată în el.

CAPTCHA și honeypoturi: unde se întâlnește protecția antispam cu accesibilitatea

Strict vorbind, criteriul 3.3.8 se referă la pașii de autentificare și de conectare, nu la formularele de contact. Ideea din spatele lui se transpune însă bine: tastarea unor litere distorsionate, rezolvarea unei sume sau alegerea semafoarelor dintr-o grilă de imagini îi exclude complet pe unii oameni. Opțiunile care funcționează de obicei fără niciun puzzle – precum Cloudflare Turnstile, Friendly Captcha, un honeypot combinat cu o verificare a timpului sau filtrarea pe server precum Akismet – țin spamul la distanță fără a le cere vizitatorilor să dovedească ceva. Un honeypot este prietenos doar dacă este cu adevărat invizibil, inclusiv pentru cititoarele de ecran și pentru utilizatorii de tastatură:

<div class="hp" aria-hidden="true">
  <label for="hp-website">Lăsați acest câmp gol</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

Testați-vă propriul formular în cincisprezece minute

1. 1Lăsați mouse-ul deoparte și completați întregul formular folosind doar tastatura. Puteți ajunge la fiecare câmp și la butonul de trimitere și puteți vedea întotdeauna unde vă aflați?
2. 2Trimiteți formularul gol, apoi cu o adresă de e-mail greșită. Apar erorile ca text lângă câmpul corect și este clar ce trebuie făcut?
3. 3Deschideți pagina pe un telefon sau măriți browserul la 200%. Este totul lizibil, butoanele sunt ușor de atins și nu cumva un banner de cookie-uri sau un widget de chat acoperă butonul de trimitere?
4. 4Porniți un cititor de ecran (VoiceOver, NVDA sau TalkBack) și ascultați: este anunțat fiecare câmp cu eticheta sa și rămâne honeypotul tăcut?
5. 5Rulați o verificare automată, de exemplu cu axe-core. Aceasta găsește rapid etichetele lipsă și problemele de contrast, dar nu totul – pașii manuali de mai sus rămân necesari.

Dacă preferați să începeți cu o imagine de ansamblu, formexposed vă analizează formularele publice din exterior, fără a trimite nimic. Verificările sale de accesibilitate rulează axe-core pe fiecare formular, semnalează CAPTCHA-urile fără o alternativă accesibilă și honeypoturile pe care cititoarele de ecran le anunță și analizează formularul pe telefon – ținte de atingere, suprapuneri care acoperă butonul de trimitere, derulare orizontală. Verificarea gratuită arată nivelul general; aceste detalii se află în raportul complet. Este un bun punct de plecare pentru lista de mai sus, nu un înlocuitor pentru testarea cu oameni reali.