earthworks icon indicating copy to clipboard operation
earthworks copied to clipboard

Pagination accessibility

Open marlo-longley opened this issue 6 months ago • 0 comments

Close this issue either because:

  1. this was addressed in BL
  2. this won't be addressed in BL and we had to fix it in EW for this workcycle

Here's some guidance on accessibility:

  • https://www.a11ymatters.com/pattern/pagination/

  • https://designsystem.digital.gov/components/pagination/#accessibility-guidance (from a design system)

  • https://a11y-style-guide.com/style-guide/section-navigation.html#kssref-navigation-pagination

Note for the first example, you'll see pagination wrapped in:

<nav role="navigation" aria-label="Pagination Navigation">

The <nav> element with a role attribute of "navigation" is incorrect. That's a duplication of the same information. It's best practice to use <nav> element with a distinct aria-label to distinguish it from other types of navigation on the page.

Originally posted by @dbranchini in #1170

marlo-longley avatar Aug 19 '24 17:08 marlo-longley