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

[NcListItem] actions menu is not accessible via keyboard when not on hover #6158

Open
Menelion opened this issue Oct 20, 2024 · 1 comment
Open
Labels
1. to develop Accepted and waiting to be taken care of accessibility Making sure we design for the widest range of people possible, including those who have disabilities bug Something isn't working feature: list-item Related to the list-item component

Comments

@Menelion
Copy link

First I wanted to report this to the app where I encountered the issue (Notes), but then after a bit of digging I found out that most, if not all accessibility issues come from core components.
In this case it's NcListItem and its @update:menuopen action. I'm not a big frontent expert and I really don't know (yet) how to fix it, but this thing seems to be inaccessible not only for screen reader users, but for all keyboard users.

Steps to Reproduce

  1. Open NextCloud notes app.
  2. Add a couple notes.
  3. Hover over any note in the notes list (all of them are instances of NcListItem). You'll eventually see a menu with actions like "Add to Favorites", "Share", "Delete" and so on.
  4. Try to do the same with keyboard only, not using the mouse.
@ShGKme
Copy link
Contributor

ShGKme commented Oct 21, 2024

its @update:menuopen action

NcListItem correctly triggers update:menuOpen event on open, both mouth and keyboard

Try to do the same with keyboard only, not using the mouse

This is an issue, and this is a regression. I definitely sure it was the case in the past.

@ShGKme ShGKme changed the title NcListItem, Accessibility: @update:menuopen seems to be not keyboard accessible [NcListItem] actions menu is not accessible via keyboard when not on hover Oct 21, 2024
@ShGKme ShGKme added bug Something isn't working 1. to develop Accepted and waiting to be taken care of accessibility Making sure we design for the widest range of people possible, including those who have disabilities feature: list-item Related to the list-item component labels Oct 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1. to develop Accepted and waiting to be taken care of accessibility Making sure we design for the widest range of people possible, including those who have disabilities bug Something isn't working feature: list-item Related to the list-item component
Projects
None yet
Development

No branches or pull requests

2 participants