Developer Pagination
What component has
Keyboard support
| Key | Function |
|---|---|
Tab | Moves focus to the next focusable element. |
Shift + Tab | Moves focus to the previous focusable element. |
See detailed information about the keyboard support for the buttons, links, inputs, etc., in the Keyboard control guide.
Roles & attributes
The following list describes roles and attributes that the component already has.
| Component | Role/tag | Attribute |
|---|---|---|
Pagination | nav | aria-label="pagination" |
Pagination.FirstPage | button | aria-label="First page" |
Pagination.TotalPages | button | aria-label="Last page {number}" |
Considerations for designers & developers
Avoid inserting the Pagination component inside tables, as the navigation (nav tag) cannot be inserted inside other tags.
Other recommendations
Find more accessibility recommendations in the common Accessibility guide.