Forms – Label Placement and Structure

screenshot of a form
Figure 1: Pearson Accessibility Contact Us Form

Forms are used to submit user data on websites and web applications. Forms can be simple such as a feedback form and complex such as placing an order form. It can be a simple one-page form or a multi-page form.

Accessible forms make the task of inputting the information an equitable experience for people with different types of disabilities.

Form labels CAN be defined using HTML or ARIA semantics.

NOTE:

  • New to accessibility or uncertain of requirements, it will be helpful to review all sections below.
  • Already familiar with requirements, skip to the “Working Example” section for sample HTML, CSS and JavaScript (when needed), along with a working demo.