Definiție
Un formular accesibil este un set de câmpuri și butoane care poate fi completat, navigat și înțeles ușor de către toți utilizatorii, indiferent de abilități sau de tehnologiile asistive pe care le folosesc (cititoare de ecran, tastaturi, comenzi vocale etc.).
Pentru a fi accesibil, un formular trebuie să ofere etichete clare pentru fiecare câmp, instrucțiuni vizibile, validare ușor de înțeles și feedback prietenos în caz de eroare. În plus, trebuie să poată fi parcurs doar cu tastatura, fără a necesita mouse.
Exemple concrete
- Fiecare câmp de completat are o etichetă asociată (ex: „Nume complet”, „Adresă de e-mail”), nu doar un placeholder care dispare la scriere.
- Ordinea tabulării este logică – apăsarea tastei TAB duce utilizatorul de la un câmp la altul, fără să „sară” peste secțiuni importante.
- Erorile sunt semnalate clar, cu un mesaj specific („Adresa de e-mail introdusă nu este validă”), și sunt anunțate vocal de cititoarele de ecran.
- Butonul de trimitere are o denumire clară („Trimite cererea”) și un rol semnificativ, nu doar „OK” sau „Go”.
- În cazul câmpurilor obligatorii, este specificat explicit acest lucru (ex: „* câmp obligatoriu”).
Bune practici
- Folosește etichete
labelasociate cufor="id-ul-câmpului"în codul HTML. - Evită folosirea exclusivă a culorii pentru a marca erorile (ex: roșu fără un mesaj adițional).
- Permite completarea formularului fără mouse – toate acțiunile trebuie să fie posibile cu tastatura.
- Testează formularul cu tehnologii asistive (cititor de ecran, navigare doar din tastatură) pentru a verifica dacă informațiile sunt clare și accesibile.
- Asigură un contrast bun între textul din formular și fundal.
Formularele sunt puncte critice de interacțiune pe orice site – fie pentru abonare, contact, comandă sau feedback. Dacă nu sunt accesibile, o parte semnificativă a publicului este exclusă din comunicare sau acțiune. Un formular bine gândit este un semn de respect și incluziune digitală.
