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

fix(a11y): keyboard navigation #11600

Merged
merged 3 commits into from
Sep 19, 2024
Merged

fix(a11y): keyboard navigation #11600

merged 3 commits into from
Sep 19, 2024

Conversation

JammingBen
Copy link
Contributor

@JammingBen JammingBen commented Sep 18, 2024

Description

  • Automatically closes drops when leaving them via keyboard navigation.
  • Prevents background elements form being focused when the sidebar takes 100% screen width (mobile view).
  • Fixes an issue where selecting a filter would cause a focus jump to the sidebar on the users page.

Related Issue

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Technical debt
  • Tests
  • Documentation
  • Maintenance (e.g. dependency updates or tooling)

@JammingBen JammingBen self-assigned this Sep 18, 2024
@JammingBen JammingBen force-pushed the fix/more-a11y-fixes branch 5 times, most recently from 6fab180 to ccb69d9 Compare September 18, 2024 09:52
Jannik Stehle added 2 commits September 18, 2024 11:54
Automatically closes drops when leaving them via keyboard navigations.
Prevents background elements form being focused when the sidebar takes 100% screen with (mobile view).
Comment on lines +249 to +252
if (await page.locator(closeEditPanel).count()) {
// close potentially open sidebar panel to avoid focus jumping
await page.locator(closeEditPanel).click()
}
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can't reproduce that locally, just happens in the tests... 🤷 So IMO nothing to worry about in the "real world".

@JammingBen JammingBen marked this pull request as ready for review September 18, 2024 10:46
Copy link
Contributor

@kulmann kulmann left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Loving it! 🥇 Big improvement for keyboard users. 🚀

Found a tiny glitch... if it's hard to fix please ignore it:

  1. TAB until you reach the app switcher
  2. ENTER to open the app switcher
  3. TAB through all the apps in the app switcher until you reach the last app
  4. TAB once more to leave the app switcher (app switcher closes as expected)

The focus moves to the ownCloud logo and then immediately jumps back to the app switcher toggle button. 😅

@JammingBen
Copy link
Contributor Author

Good catch, hmm. 93b9d81 provides a fix, but I'm debating if we should remove this re-focus thing. Problem though: when having the right sidebar open and then navigating e.g. to the admin-settings app, the sidebar will steal the focus. I guess the re-focus is there to prevent this.

Copy link

@JammingBen JammingBen merged commit 22b7944 into master Sep 19, 2024
3 checks passed
@JammingBen JammingBen deleted the fix/more-a11y-fixes branch September 19, 2024 13:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[a11y] 9.2.4.3 Conclusive sequence for keyboard operation
2 participants