Accessibility Examples: Form Validation
Form validation is an area of web accessibility that can be tricky to get right. The main reason for this is that the common techniques for handling errors are not accessible for users who are blind. As such, it is necessary to keep accessibility firmly in mind when designing a form.
There are four methods of supplying error feedback in common use today:
- Error messages are placed above the form on form submission.
- As the user fills out the form, error messages appear after (or otherwise near) an invalid form field.
- Error messages appear after (or otherwise near) invalid form fields upon form submission.
- A pop-up dialog listing the errors is displayed on form submission.