- Success Criterion 2.5.3
- Conformance level A
Link’s Accessible Name Missing the Words Shown on Screen
2.5.3 — Label in Name
Scenario
Setting
A photo-sharing app's upload screen
What’s wrong
Link visible text "Pricing" with name "Learn more about our product tiers page" — label text absent from name.
Example
This shows up on a photo-sharing app's upload screen: link visible text "Pricing" with name "Learn more about our product tiers page" — label text absent from name.
Why it matters
Voice-control users and screen-reader users who depend on spoken names matching visible text. On a photo-sharing app's upload screen, this barrier means they can't tell how the page is organized.
How to test
Compare 'Pricing' (visible link text) to its accessible name: if the name is a much longer, different phrase ('Learn more about our product tiers page') that doesn't contain the visible text, it fails.
How to fix
The accessible name must contain the exact visible label text.
Outcome
Corrected, a photo-sharing app's upload screen now lets a visitor move through the content with confidence.
Who is affected
Voice-control users and screen-reader users who depend on spoken names matching visible text.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Accessible Name That Doesn’t Match the Control’s Visible Label
- Visible Label Text With No Accessible Name Behind It
- ARIA Label Naming a Completely Different Action Than Shown
- Accessible Name Built From an Icon Instead of Visible Text
- Translated ARIA Label That Doesn’t Match the Visible Language
- Visible Label Text Reordered or Broken Apart in the Name