Formulare accesibile

Formularele sunt locul în care un site își îndeplinește scopul: comanda, înscrierea, cererea de ofertă, plata. Tot aici apar cele mai multe bariere. Raportul WebAIM Million 2026 a găsit câmpuri fără etichetă pe 51% dintre paginile principale analizate.

Etichete vizibile și asociate

Fiecare câmp are nevoie de o etichetă vizibilă, asociată programatic. Textul de tip placeholder nu înlocuiește eticheta: dispare la tastare și are de obicei contrast slab.

Grupuri de opțiuni

Butoanele radio și casetele de bifare care răspund la aceeași întrebare se grupează cu fieldset și legend, ca întrebarea să fie anunțată împreună cu fiecare opțiune.

Instrucțiuni și câmpuri obligatorii

• Instrucțiunile despre format apar înaintea câmpului, nu doar în mesajul de eroare
• Câmpurile obligatorii sunt marcate vizual și programatic (atributul required sau aria-required)
• Explicația marcajului apare la începutul formularului

Mesaje de eroare

1. Identifică eroarea în text

   Nu doar prin culoare: „Adresa de e-mail nu este validă” (criteriul 3.3.1).

2. Spune cum se corectează

   „Introdu adresa în formatul nume@exemplu.ro” (criteriul 3.3.3).

3. Leagă mesajul de câmp

   Cu aria-describedby și marchează câmpul cu aria-invalid="true".

4. Anunță erorile

   Mută focusul la un rezumat al erorilor sau la primul câmp greșit ori folosește o regiune live.

Completarea automată

Criteriul 1.3.5 cere ca, pentru câmpurile cu date despre utilizator, scopul să poată fi identificat programatic. Atributul autocomplete cu valorile standard (name, email, tel, street-address, postal-code) ajută utilizatorii cu dizabilități motorii sau cognitive și accelerează completarea pentru toată lumea.

Tranzacții și date importante

Pentru formularele cu consecințe juridice sau financiare, criteriul 3.3.4 cere ca acțiunea să poată fi anulată, ca datele să fie verificate sau ca utilizatorul să le poată revizui și confirma înainte de trimitere. Un pas de rezumat înaintea plății rezolvă elegant această cerință.

Listă de verificare

• Fiecare câmp are etichetă vizibilă și asociată
• Grupurile de opțiuni folosesc fieldset și legend
• Formularul poate fi completat și trimis doar cu tastatura
• Erorile sunt descrise în text și anunțate cititoarelor de ecran
• Datele introduse nu se pierd după o eroare
• Câmpurile personale folosesc autocomplete
• Testele de tip CAPTCHA au alternative accesibile