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

Improve focus and navigation in Datagrid toolbar menus #3475

Closed
2 tasks
elycheea opened this issue Sep 14, 2023 · 1 comment
Closed
2 tasks

Improve focus and navigation in Datagrid toolbar menus #3475

elycheea opened this issue Sep 14, 2023 · 1 comment
Labels
component: Datagrid type: a11y ♿ Issues not following accessibility standards type: enhancement 💡 New feature or request UX: issue Any type of experience feedback that once addressed improves or enhances the experience version: 2 Carbon 11 / v2

Comments

@elycheea
Copy link
Contributor

Original issue and fixes tracked in #3241.
These enhancements can be tested and viewed in the row height settings menu and also be checked in filter flyout.

Enhancements

  • When opening the popover with enter/space, focus should go to the first item in the popover list (radio)
    • Note: There is a workaround — users have an extra tab / up/down to navigate into the popover options
  • Using arrow keys to navigate radio items should not scroll the full table

--

  1. When you are able to correctly open the dropdown, you must press tab again - and the faint 1px blue focus state appears around settings, - then press tab a second time to enter the list before you are able to press up/down/L/R to navigate the list. Focus should be present in the first list item after pressing space/enter to activate the popover. Also as you press up/down arrows to cycle through the radio button options, the table itself moves up and down behind it.

  2. When popover is open and you tab to settings, it closes. However, if popover is open and you shift+tab to Download before interacting with the popover content, the popover remains open and overlaps with the Download tooltip. I’m thinking it should close so that what happens with shift+tab is consistent with what happens with tab.
    Screenshot 2023-07-03 at 8 16 05 AM

  3. When open, the popover should dismiss when Esc is pressed

Originally posted by @kristastarr in #3117 (comment)

@elycheea elycheea added type: enhancement 💡 New feature or request component: Datagrid version: 2 Carbon 11 / v2 UX: issue Any type of experience feedback that once addressed improves or enhances the experience type: a11y ♿ Issues not following accessibility standards Sev 3 Visible or noticeable to users but does not impede functionality. Has a workaround. labels Sep 14, 2023
@github-project-automation github-project-automation bot moved this to Needs triage 🧐 in Carbon for IBM Products Sep 14, 2023
@elycheea elycheea moved this from Needs triage 🧐 to Later in Carbon for IBM Products Sep 14, 2023
@elycheea
Copy link
Contributor Author

elycheea commented Oct 5, 2023

Adding this note from @thefirstartist #2720

  1. When navigating with the keyboard, users should be able to move the focus down by using the arrow down key. However, I couldn't move the focus using the arrow keys when the settings menu is open. I needed to press the tab key to shift the focus down to the menu before I could use the arrow keys to make changes.

@elycheea elycheea removed the Sev 3 Visible or noticeable to users but does not impede functionality. Has a workaround. label Oct 14, 2024
@ljcarot ljcarot closed this as completed Oct 28, 2024
@github-project-automation github-project-automation bot moved this from Later 🏔️ to Done 🚀 in Carbon for IBM Products Oct 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: Datagrid type: a11y ♿ Issues not following accessibility standards type: enhancement 💡 New feature or request UX: issue Any type of experience feedback that once addressed improves or enhances the experience version: 2 Carbon 11 / v2
Projects
Archived in project
Development

No branches or pull requests

2 participants