Online Form Accessibility

Contact Form

Online forms are the predominant way to procure data from users on the web. Some forms are difficult to complete, or simply do not work.

Considerations:

  • 50% of U.S. adults read at an 8th grade level or below. (Source: HowTo.gov)
  • Screen Reader compatible for users with visual impairments.

Best Practices:

  • Tab Order! – make sure the tab key navigates the form fields in a logical, sequential order.
  • Label Position – left justified labels to the left of input fields are the most user friendly.
  • Use Plain English – avoid technical jargon in label name (or provide explanations).
  • Make Required Fields obvious – Consider using the word Required instead of an asterisk.
  • Create APIs for common drop down menus.
  • Provide Inline Validation – give clear feedback to the user that the data was inputted correctly.
  • Clear Error Messages – identify the problem & tell the user what to do to fix it.
  • Group Related Information – visually separate related inputs into sections.
  • Separate Final Action Buttons – keep Submit and Reset buttons apart and make them visually different.
  • Avoid Generic Action Button Names – instead of Submit use descriptive words (Join, Regsiter, etc.)
  • Confirmation – provide confirmation that the form action was successful.