earthworks
earthworks copied to clipboard
Pagination accessibility
Close this issue either because:
- this was addressed in BL
- 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