Skip to content

Instantly share code, notes, and snippets.

@NatalieMac

NatalieMac/pagination.html

Last active May 7, 2019 04:45
Show Gist options
  • Save NatalieMac/5dd7b3a21accf2ee1ab113dadd86ab06 to your computer and use it in GitHub Desktop.
Save NatalieMac/5dd7b3a21accf2ee1ab113dadd86ab06 to your computer and use it in GitHub Desktop.
Download ZIP
Accessible pagination markup
Raw
pagination.html
<nav aria-label="Pagination">
<ul>
<li><span class="pagination__item" href="#" aria-current="page" class="current" aria-label="Current Page, Page 1">1</span></li>
<li><a class="pagination__item" href="#" aria-label="Page 2">2</a></li>
<li><a class="pagination__item" href="#" aria-label="Page 3">3</a></li>
<li><a class="pagination__item" href="#" aria-label="Page 4">4</a></li>
<li><a class="pagination__item" href="#" aria-label="Page 5">5</a></li>
</ul>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment