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="Find">Search</button>

Why it matters

Voice-control users and screen-reader users who depend on spoken names matching visible text.

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

The accessible name must contain the exact visible label text.

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

The accessible name must contain the visible label text so voice-control users can activate it by what they see.

Outcome

On a recipe site's ingredient list, this barrier is gone for voice-control users and screen-reader users who depend on spoken names matching visible text — they reach the same outcome without extra effort.

Who is affected