Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Pagination]: pagination elements are not grouped into a list #2717

Open
NatalliaAlieva opened this issue Jan 7, 2025 · 1 comment
Open
Labels
A11y Accessibility bug bug Something isn't working

Comments

@NatalliaAlieva
Copy link
Collaborator

Description

Pagination elements aren't semantically grouped into a list.

Steps to Reproduce

  1. Open Paginator component.
  2. Open DevTools and inspect the navigation elements in the pagination.

Actual result

Pagination elements are not grouped into a list.
Screenshot 2025-01-07 at 17 25 45

Expected result

Pagination elements should be grouped into a semantic list (<ul> or <ol>), with each element wrapped in <li> tags, to ensure proper navigation and accessibility compliance.
Screenshot 2025-01-07 at 17 27 12

Failed WCAG Checkpoint: 1.3.1 Info and Relationships (Level A)
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html

@NatalliaAlieva NatalliaAlieva added bug Something isn't working A11y Accessibility bug labels Jan 7, 2025
@NatalliaAlieva
Copy link
Collaborator Author

A few screenshots as references for how pagination is styled as a list on other websites:
Screenshot 2025-01-08 at 13 43 16
Screenshot 2025-01-08 at 13 56 08

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11y Accessibility bug bug Something isn't working
Projects
Status: Backlog
Development

No branches or pull requests

1 participant