• 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