Label and accessible name (accessible-name)

For components with visible labels (such as buttons, form fields, checkboxes, etc.), the accessible name (e.g. aria-label) should contain/match the same text as the label that is visually presented to the user.


Incompatible aria-label:

This button has an aria-label attribute that is incompatible with the visible text:


The above button has aria-label="Find in this site"

Note: Impossible to automatically test or detect. Requires a human tester or AI to determine if the aria-label attribute of an interface component is descriptive and matches the visible text.

axe detected: none  |  QualWeb detected: 2.5.3