A11y Lablearn by doing
0/20

Accessible names · 09

Concatenate a pagination name

The current page needs a complete name assembled from existing fragments without duplicate prose.

What to do

  1. Make page 2 compute to “Page 2 of 10”.
  2. Use aria-labelledby with three ID references in that order.
  3. Reference the button itself for “2” and do not duplicate the full phrase.
/index.html
Preview
updating…

Result

Run the checks

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

If you are stuck

An aria-labelledby value can contain several IDs. Their accessible text is joined in the listed order.

Read the exact rule or pattern

Exercise 9 of 20

axe-core

Automated audit