A11y Lablearn by doing
0/20

Accessible names · 07

Resolve name precedence

One control has text, title, aria-label, and aria-labelledby—only the highest-priority source wins.

What to do

  1. Keep all four competing name sources on the button.
  2. Make its computed accessible name exactly “Save draft”.
  3. Use the accessible-name precedence rules rather than copying the target everywhere.
/index.html
Preview
updating…

Result

Run the checks

Edit the HTML and select “Check solution”. The preview updates automatically.

If you are stuck

aria-labelledby is evaluated before aria-label, title, and button text. Point it to the intended label.

Read the exact rule or pattern

Exercise 7 of 20

axe-core

Automated audit