- Success Criterion 3.2.4
- Conformance level AA
Print Function Labeled Inconsistently Across the Site
3.2.4 — Consistent Identification
Scenario
Setting
An online marketplace's seller dashboard
What’s wrong
Print function: text button one place, unlabeled icon elsewhere with different name.
Example
<button aria-label="Add to favorites">★</button> <!-- called "Save" on another page --> Why it matters
Screen-reader users and people with cognitive disabilities who rely on consistent naming.
How to test
Compare how the print function is identified across pages: a text button in one place, an unlabeled icon with a different name elsewhere, fails.
How to fix
The same function must use the same name, label, and icon across all pages.
<button aria-label="Add to favorites">★</button> <!-- same label everywhere this action appears -->The same function needs the same accessible name everywhere it appears, so users learn it once.
Outcome
On an online marketplace's seller dashboard, this barrier is gone for screen-reader users and people with cognitive disabilities who rely on consistent naming — they reach the same outcome without extra effort.
Who is affected
Screen-reader users and people with cognitive disabilities who rely on consistent naming.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Same Feature Given a Different Name on Different Pages
- Search Function Labeled ‘Search’ Here and ‘Find’ Elsewhere
- Same Icon Meaning Different Things on Different Pages
- Shopping Cart Alternating Between ‘Cart’, ‘Basket’, and ‘Bag’
- Identical Icon Given Different Accessible Names for One Function
- Same Download Feature Announced With Different Alt Text