• Success Criterion 2.5.3
  • Conformance level A

ARIA Label Naming a Completely Different Action Than Shown

2.5.3 — Label in Name

Scenario

Setting

A recipe site's ingredient list

What’s wrong

aria-label="Submit form" on a button visibly reading "Search" (name mismatch — speech users say "click Search" and fail).

Example 

<button aria-label="Submit form">Search</button>

Why it matters

Saying 'click Search' does nothing, because the button's real name to assistive tech is 'Submit form.'

How to test

Inspect the aria-label attribute versus the visible button text (e.g., aria-label="Submit form" on a button reading "Search"): a mismatch fails, since voice-control users saying the visible label get no match.

How to fix

Whatever the aria-label says, it must still include the visible word 'Search.'

<button aria-label="Search recipes">Search</button>

Outcome

A cook says 'click Search' and the ingredient results load right away.

Who is affected

Voice-control users searching for ingredients by name, and screen reader users expecting the announced name to match.

Learn more

Related scenarios