Links must have accessible names.
Why it matters
An accessible name is a word or phrase coded in a way that assistive technologies can associate it with a specific user interface object. Assistive technologies can then refer to the object by name, not just by type. When a link doesn’t have an accessible name, people who use assistive technologies have no way of knowing its purpose.
How to fix
For each link, provide an accessible name using one of the following methods.
- Link text that’s available to assistive technologies (not marked with
Each link’s accessible name should concisely describe its unique purpose.
aria-labelattribute provides an accessible name that describes the link's purpose. Everyone can tell what the link does.
About this rule
This rule passes if ANY of the following are true:
- Element has a non-empty
- Element has an
aria-labelledbyattribute that references elements that are visible to screen readers
- Element has text that is visible to screen readers