UX & Formulare

Formulare web accesibile – Ghid complet

Cum faci formulare web accesibile: labels, erori, autocomplete, grupare câmpuri, focus management și testare cu screenreader.

UX & Formulare

Formularul — componentă critică de accesibilitate

Formularele sunt cel mai frecvent punct de eșec al accesibilității. Un formular inaccesibil blochează utilizatorul cu dizabilități să facă ceea ce dorește.

  • Label vizibil — fiecare câmp are un <label> asociat prin for/id
  • Placeholder ≠ label — placeholder-ul dispare la tastare, nu înlocuiește label-ul
  • Câmpuri obligatorii — marcate cu required și vizual (nu doar cu *)
  • Erori clare — mesajele de eroare descriu ce s-a greșit și cum se corectează
  • Focus pe eroare — după submit cu erori, focusul merge la primul câmp eronat
  • Autocompleteautocomplete="email", name, tel pentru câmpuri comune
  • Groupare — câmpurile înrudite grupate cu <fieldset> și <legend>
Test rapid: Completează formularul folosind doar tastatura și un screenreader. Poți ști ce câmp completezi, ce e obligatoriu și ce ai greșit?

Testează accesibilitatea site-ului tău

Scannerul Wawsome analizează automat site-ul după WCAG 2.1 și îți oferă un raport complet cu măsuri prioritare — gratuit 7 zile.

Scanează gratuit →