Accessible names for controls (control-accessible-name)

Controls must have accessible names matching visible labels

Input missing accessible name:

In this example, the text “Enter name” is visually placed before a text field, but it is not associated using a label element or an aria-label. As a result, the input has no accessible name, violating WCAG 4.1.2.


Enter name

Note: Possible to automatically test. Automated tools can detect interactive controls without accessible names by checking for missing aria-label, aria-labelledby, or associated <label> elements.

axe detected: 4.1.2  |  QualWeb detected: 4.1.2