Should ellipsis be hidden from screen readers in pagination?
Yes. Add aria-hidden='true' to the ellipsis span. Screen readers do not need to announce '...' since it is a visual indicator. The page numbers and prev/next buttons provide the navigation context.
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.
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.
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).
Still have questions?
Browse all our FAQs or reach out to our support team