A form is missing unique accessible label
| Field | Value |
|---|---|
| Rule code | Manual_FormLandmark_Name_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 1.3.1 Info and Relationships |
| Must be fixed at source | No |
Description
We detected a form lacking an accessible name. Forms are native landmark regions that require a brief and descriptive label to help provide clear context for assistive technology users about the purpose of the form.
How to fix
Each form element on the page should have a visible label which describes the purpose of the form. Enclose related form controls within a fieldset and use a legend for descriptions to improve accessibility. Alternatively, a visible heading element (e.g. an h1-h6 element) can be used. Associate the <form> element with it's corresponding label using an aria-labelledby attribute that references the ID value of the legent or heading element.