If your form frustrates people, you lose enquiries. Fixing labels, errors, and focus handling improves conversions and accessibility at the same time.
What "good" looks like
- Labels that match what users see and type.
- Errors shown next to the field and at the top of the form.
- Clear instructions and examples.
- Focus moves to the first error on submit.
- Errors use text, not colour alone.
WCAG’s input assistance success criteria cover identification and guidance for errors Source 1 . W3C WAI form tutorials cover accessible structure and labelling patterns Source 2 . GOV.UK Design System error message patterns are practical and consistent Source 3 .
Sources
- [1] W3C. WCAG 2.2, Guideline 3.3 Input Assistance. Back to article
- [2] W3C WAI. Forms tutorial. Back to article
- [3] GOV.UK Design System. Error message component. Back to article