Visible label must be included in the accessible name
WCAG 2.5.3
Label in Name Accessibility isn’t only about avoiding violations — it’s about ensuring your product can be used confidently by everyone. This guide explains the principle of this rule, shows what goes wrong in real-world code, and provides a verified fix that meets WCAG and the European Accessibility Act (EAA).
Why this matters and how to fix it
Why this matters
Voice control and screen reader users rely on the visible label being included in the accessible name.
How to fix this issue
Ensure the visible label text appears in the element’s accessible name; use `aria-describedby` for extra details.
Automated detection · Manual review recommended
Developer guidance
Add tests comparing visible text to the computed accessible name for all buttons/links/forms.
Code examples
Incorrect Implementation
<button aria-label="Submit form">Send</button>Correct Implementation
<button aria-label="Send">Send</button>
Trusted by organizations across Europe working toward WCAG and EAA conformance