Form labels (form-label)

Every input element must have a label that is programmatically associated with it.


Label not associated with input:

This <input> has a <label>, but it is not associated with the input field using the for-attribute




Structure of the above example looks like this:

<label>Email</label>
<input type="email" id="email" aria-label="Email" />

Note: Possible to automatically test. This violation can be detected by querying all forms, checking if they have label elements, and if these labels are programmatically linked (via for-attributes) to existing input fields.

axe detected: none  |  QualWeb detected: none