Pagination

Numbered page navigation with previous/next.

Show the markup

<nav class="cc-pagination" aria-label="Search results pages">
  <ul>
    <li><a href="#" rel="prev">‹ Previous</a></li>
    <li><a href="#">1</a></li>
    <li><span aria-current="page">2</span></li>
    <li><a href="#">3</a></li>
    <li><a href="#" rel="next">Next ›</a></li>
  </ul>
</nav>

Accessibility

A labeled nav; the current page is plain text with aria-current="page".
Every target is at least 44×44px — no tiny number links.
Prefer real links (URL per page) over JS click handlers, so pages are bookmarkable.