A form field or input field is missing a label or accessible name
| Field | Value |
|---|---|
| Rule code | Manual_FormField_Name_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 3.3.2 Labels or Instructions |
| Must be fixed at source | No |
Description
A form field or input element on the page has been detected that does not have an accessible name. All form-fields that possess user interaction should be explicitly associated with a label. Without this accessible labelling, screen readers may struggle to convey what the input or form field is and a user filling out the form will not know what to enter.
How to fix
Each <input> element needs to have a corresponding <label> element. Associate the label to the input using an id attribute on the input and a for attribute on the label; use the same value for both attributes to connect them.