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

Actions