WCAG 2.1 AA • AODA compliant • Updated 2025-10-28
What is this component? Pagination splits content across pages and provides navigation controls (Prev/Next, page numbers).
| Requirement | WCAG Criteria | Description |
|---|---|---|
| Landmark and structure | 1.3.1, 2.4.1 | Wrap in <nav aria-label="Pagination">; expose list of links. |
| Keyboard | 2.1.1 | All links focusable and operable. |
| Current page | 4.1.2 | Mark current page with aria-current="page". |
| ARIA Role/Attribute | Used On | Purpose & Usage |
|---|---|---|
<nav aria-label="Pagination"> | Container | Gives purpose to AT. |
aria-current="page" | Current page link | Announces “current page”. |
aria-current to indicate the active page.| Test Item | WCAG Criteria | Pass Criteria |
|---|---|---|
| Nav announced | 2.4.1 | AT announces “Navigation, Pagination”. |
| Current page | 4.1.2 | AT announces the active page correctly. |