Pagination > Identify current page

Problem

Current page is not identified.

Solution

The link (<a>) of the current page should have aria-current="page" to identify it as the current page for screen readers. The link should remain enabled. When the page is the first or last, the aria-label doesn't need to say "go to".

For example:

<!-- Current page -->
<li>
  <a aria-current="page" aria-label="page 1" href="#">1</a>
</li>

<!-- Other page -->
<li>
  <a aria-label="Go to page 2" href="#">2</a>
</li>