Form-field accessible name is unclear
| Field | Value |
|---|---|
| Rule code | FormField_Name_WeakName |
| WCAG conformance level | A |
| WCAG success criterion | 3.3.2 Labels or Instructions |
| Must be fixed at source | No |
Description
Form-fields must have concise and accurate labels associated to them. We detected form-fields with accessible names that were deemed unclear. Ensure that the associated label text is clear and specific to the form-field and avoid repeated generic terms.
How to fix
Use a descriptive name for each form field label. If the field is required, the label should also indicate that. Add "(required)" to the field label, or an asterisk. If adding an asterisk, the meaning of the asterisk needs to be explained on the same page.
<label for="email">Work email (required)</label>
<input type="email" name="email" id="email" required autocomplete="work-email">