Label and accessible name (2.5.3.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.


Non-descriptive aria-label:

This button has an aria-label ("Boxing lizards") that is incompatible with the visible text:


Note: Hard to auto-test. Requires a human tester or AI to determine if the aria-label value of an interface component describes the function of the component or matches the visible text label, as descriptiviness is not programmatically detectable.