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.