What ARIA attributes does pagination need?
nav aria-label='Pagination' (identifies the region), aria-current='page' on the current page, aria-label='Page N' on each link, aria-label='Previous/Next page' on nav buttons, and aria-hidden='true' on ellipsis.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Pagination Accessibility and Keyboard Support
Wrap in a <nav> with aria-label='Pagination'. Use aria-current='page' on the current page. Use aria-label='Page N' on each link. Use aria-hidden='true' on ellipsis. Use native <a> or <button> elements for keyboard access.
Use native <a> or <button> elements (natively keyboard accessible with Tab and Enter). Optionally add Arrow Left/Right key support: if (e.key === 'ArrowLeft') goToPage(currentPage - 1); if (e.key === 'ArrowRight') goToPage(currentPage + 1).
aria-current='page' marks the current page. Screen readers announce it as 'current page'. This helps screen reader users understand which page they are on. Apply it to the active page link.
Still have questions?
Browse all our FAQs or reach out to our support team