Pagination
Pagination container
| Description | Can have a label if there are multiple navigation elements |
|---|---|
| Role | Identifies itself as navigation |
Pagination links
| Description | Inner text should describe link purpose |
|---|---|
| Role | Identifies itself as link |
| State | Current item uses aria-current="page" |
| Focus | Links visibly focused with tab key |
| Action | enter / double tap |
Native Element
Description
- Can have a description if there are multiple navigation elements
- aria-labelledby="heading-id"
- aria-label="Pagination Navigation"
Role
- Identifies itself as navigation as a <nav> or role="navigation"
Relationships
State
Focus
- Links visibly focused with tab key