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

Bug - Pagination - tab order of compact actions doesn't match visual order #1381

Open
1 of 3 tasks
thatblindgeye opened this issue Jun 3, 2024 · 2 comments
Open
1 of 3 tasks

Comments

@thatblindgeye
Copy link

Describe the problem
This is an issue with

  • Patternfly 5
  • Patternfly 6
  • other

Please give a clear and concise description of the problem. Which components are affected?
Followup to comment chain patternfly/patternfly#6607 (comment)

We need to update how the markup is rendered so that the tab order matches the visual order when the pagination nav is compact and rendered visually as [previous page button] [menu toggle] [next page button]. Currently Tabbing results in a tab order of menu toggle > previous page button > next page button.

How do you reproduce the problem?
Provide steps to reproduce. A codepen or codesandbox demonstrating the problem is appreciated.

Expected behavior
A clear and concise description of the expected behavior.

Is this issue blocking you?
List the workaround if there is one.

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

What is your product and what release date are you targeting?

Any other information?

Copy link

This issue has been automatically marked as stale because it has not had activity in the last 60 days.

@mcoker mcoker transferred this issue from patternfly/patternfly Feb 6, 2025
@mcoker
Copy link
Contributor

mcoker commented Feb 6, 2025

For bottom pagination, when going between mobile and desktop, the order of the buttons/menus/etc changes, which makes the tab order not match the order of the elements in the code - which is an a11y issue (the tab order doesn't match the visual order). Is it possible to update the bottom pagination design so that the actions appear in the same order between desktop and mobile?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Not started
Development

No branches or pull requests

2 participants