nextcloud-vue icon indicating copy to clipboard operation
nextcloud-vue copied to clipboard

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

Open Menelion opened this issue 1 year ago • 1 comments

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.

Menelion avatar Oct 20 '24 23:10 Menelion

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 avatar Oct 21 '24 07:10 ShGKme