Skip to content

Instantly share code, notes, and snippets.

@brysongilbert
Created November 11, 2014 16:36
Show Gist options
  • Save brysongilbert/617090ec50c330e33377 to your computer and use it in GitHub Desktop.
Save brysongilbert/617090ec50c330e33377 to your computer and use it in GitHub Desktop.
Fairly accessible pagination markup example. Non-essential classes removed for clarity.
<ul aria-label="Pagination">
<li><a href="#">Previous<span class="screen-reader"> page</span></a></li>
<li><a aria-disabled="true" href="#"><span class="screen-reader">Currently on page </span>1</a></li>
<li><a href="#"><span class="screen-reader">Page </span>2</a></li>
<li><a href="#"><span class="screen-reader">Page </span>3</a></li>
<li><a href="#"><span class="screen-reader">Page </span>4</a></li>
<li><a href="#"><span class="screen-reader">Page </span>5</a></li>
<li><a href="#">Next<span class="screen-reader"> page</span></a></li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment