Form labels (form-label)

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


Incorrect for/id pairing:

This label has incorrect for/id pairings:






The (DOM/programmatic) structure of the above input field & its corresponding label looks like this:

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

Note: Impossible to automatically test or detect. Requires a human tester or AI to determine if error messages can be considered properly linked & placed.

axe detected: none  |  QualWeb detected: none