- Success Criterion 3.2.4
- Conformance level AA
Identical Icon Given Different Accessible Names for One Function
3.2.4 — Consistent Identification
Scenario
Setting
A childcare-booking service's scheduling page
What’s wrong
Identical "next" chevron icons with different accessible names ("Next", "Continue", "Forward") for the same function.
Example
Open a childcare-booking service's scheduling page and this is what you'll see: identical "next" chevron icons with different accessible names ("Next", "Continue", "Forward") for the same function.
Why it matters
Screen-reader users and people with cognitive disabilities who rely on consistent naming. The practical effect on a childcare-booking service's scheduling page: they can't predict where to find the same feature.
How to test
Compare a repeated function's icon and accessible name across pages (e.g., 'next' chevrons): different names ('Next', 'Continue', 'Forward') for the identical function fail.
How to fix
The same function must use the same name, label, and icon across all pages.
Outcome
That one change on a childcare-booking service's scheduling page means they move confidently between pages.
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’
- Print Function Labeled Inconsistently Across the Site
- Same Download Feature Announced With Different Alt Text