- Success Criterion 3.2.4
- Conformance level AA
Search Function Labeled ‘Search’ Here and ‘Find’ Elsewhere
3.2.4 — Consistent Identification
Scenario
Setting
A budget airline's flight search results
What’s wrong
Same search function labeled "Search" on one page, "Find" on another.
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 the search function's label across the site: 'Search' on one page and 'Find' on another for the same function 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 a budget airline's flight search results, this barrier is gone for screen-reader users and people with cognitive disabilities who rely on consistent naming — they can complete the task without hitting this wall.
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
- 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
- Print Function Labeled Inconsistently Across the Site
- Same Download Feature Announced With Different Alt Text