Ghid: formulare conforme

Checklist de implementare

1. Fiecare câmp are <label for> vizibil: placeholder-ul e doar pentru exemple de format (3.3.2);
2. Câmpurile cu date personale au autocomplete corect: name, email, tel, street-address (1.3.5);
3. Câmpurile obligatorii sunt marcate în text („obligatoriu"), nu doar cu asterisc roșu;
4. Erorile: mesaj text per câmp, legat prin aria-describedby, focus mutat pe prima eroare la submit (3.3.1);
5. Mesajul spune cum corectezi, nu doar că e greșit (3.3.3);
6. Grupurile (radio, checkbox) sunt în <fieldset> cu <legend>;
7. Tipurile de input corecte pe mobil: type="email", type="tel": tastatura potrivită apare singură;
8. La acțiuni cu consecințe (plăți, ștergeri): pas de verificare sau posibilitate de anulare (3.3.4);
9. Fără timeout-uri neextensibile (2.2.1);
10. CAPTCHA doar cu alternativă, sau înlocuit cu honeypot / verificare invizibilă (3.3.8 în WCAG 2.2).

Aprofundare în articolul despre formulare accesibile.