Form inputs must have labels which are readable (programmatically determinable) by assistive technology.

WCAG 2 criterion

1.3.1 Info and Relationships (Level A)

Tools and requirements

• Siteimprove

Test procedure

For each <input> or <select> on the page

• Ensure that there is a label, and that label is associated with the input.
• Methods below are acceptable.
  • Using the for attribute on the <label> tag to reference the <input> or <select> id
  • Using aria-labelledby on the <input> or <select> to reference the id of the <label>
  • Nesting the <input> or <select> tag within the <label> tag.
• Methods below are unacceptable.
  • Using placeholder text only as a label
  • Using plain text as a label next to the input (without using an "acceptable" method above)