Form labels (form-label)

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


Placeholder used as label:

This <input> uses placeholder as a <label>






The (DOM/programmatic) structure of the above example looks like this:

<input type="email" id="email" placeholder="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