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