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 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
See more accessibility recommendations in the common Accessibility guide.