Forms
Using a form on your website? Make sure it's accessible for all users.
What are accessible forms?
Accessible forms that everyone can use include the following:
- semantically correct HTML
- clear instructions
- clear navigation order
- keyboard accessibility
- accessible labels associated with one input
- usable and accessible form validation
Why are accessible forms important?
Accessible forms allow all users to easily complete forms and complete them correctly and independently.
How do I create an accessible form?
- Use semantic HTML, such as <button> for buttons.
- Provide accessible labels and instructions.
- Clearly mark required fields.
- Use fieldset to group related questions.
- Provide helpful error messages and verify that screen readers will announce the error messages.
- Ensure sufficient color contrast.
- Consider adding a progress bar for longer surveys and/or numbering your questions.