Accessible names for form fields (form-field-accessible-name)

Form fields and components must have clear accessible names, using attributes like aria-label, aria-labelledby, title, or standard <label> elements.

Note: Visible <label> elements (using for attribute or wrapping the input) or aria-label, aria-labelledby and title are all valid attributes for providing accessible names for input elements.

Missing input accessible name:

This <input> element lacks an accessible name:


last name

Note: Possible to automatically test. An auto-test can be performed by checking whether each <input> element has an associated <label> (via the for attribute), or has an aria-label or aria-labelledby attribute.

axe detected: 4.1.2  |  QualWeb detected: 4.1.2