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 <select> elements.

Select with empty aria labelledby:

This <select> element has an empty ("") accessible name because the <div> linked to aria-labelledby has no text content.


Note: Possible to implement because it can be programmatically detected when the referenced element for aria-labelledby has no text content, resulting in an empty accessible name.

axe detected: 4.1.2  |  QualWeb detected: 4.1.2