pagination-accessibility
Installation
SKILL.md
Make pagination accessible
Without proper markup, screen reader users cannot understand which page they're on or navigate efficiently through paginated content.
Quick Reference
- Use nav element with aria-label='Pagination'
- Mark current page with aria-current='page'
- Provide clear labels for previous/next buttons
- Announce page changes to screen readers
Check
Verify pagination uses nav element with aria-label, indicates current page with aria-current, and is keyboard navigable.
Fix
Implement pagination with nav role='navigation', aria-label, aria-current='page' for active page, and focusable controls.