• Success Criterion 2.5.3
  • Conformance level A

Translated ARIA Label That Doesn’t Match the Visible Language

2.5.3 — Label in Name

Scenario

Setting

An online clothing store's product listing page

What’s wrong

Translated/localized aria-label while visible label is another language.

Example 

<button aria-label="Add to cart">Añadir al carrito</button>

Why it matters

A Spanish-speaking shopper who says 'haz clic en Añadir al carrito' gets no match, because the stored name is still in English.

How to test

Check the aria-label's language against the visible label's language: a translated aria-label on an untranslated visible label (or vice versa) fails.

How to fix

Localize every aria-label alongside its visible text; a leftover English fallback breaks the label-in-name check.

<button aria-label="Añadir al carrito">Añadir al carrito</button>

Outcome

Switching to Spanish, a shopper speaks the button's real words and the item lands in the cart.

Who is affected

Voice-control users browsing the site in Spanish, and screen readers announcing the wrong language entirely.

Learn more

Related scenarios