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 filepicker list not being keyboard tabbable, ref #16494 #19807

Closed
wants to merge 1 commit into from

Conversation

jancborchardt
Copy link
Member

This is the first part of fixing Accessibility: When trying to move or copy a file, I can no longer pick the destination folder #16494

  • "Move or copy" picker list needs to be keyboard tabbable
  • When pressing Enter on a folder, that folder should be entered into. Currently the primary action (Move) is performed, which makes it impossible to actually move files

For the second part someone with JS knowledge needs to take over – cc @juliushaertl @skjnldsv

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
@skjnldsv
Copy link
Member

skjnldsv commented Mar 6, 2020

  • When pressing Enter on a folder, that folder should be entered into. Currently the primary action (Move) is performed, which makes it impossible to actually move files

I would say too complicated risky?
Until we moved this component to a proper standardized plugin (there is an opened issue somewhere) we should maybe not touch this too much :(

@jancborchardt
Copy link
Member Author

Is there an ETA on standardizing that? Cause the associated issue is already open for half a year and is quite the accessibility issue, making moving files impossible.

@skjnldsv
Copy link
Member

skjnldsv commented Mar 6, 2020

making moving files impossible

Ah, then it's more of an issue, sorry I did not understand that :)

@juliushaertl
Copy link
Member

It would probably be enough to just make sure those functions are not only triggered on click but also on enter keypress:

self.$dirTree.on('click', 'div:not(:last-child)', self, function(event) {
self._handleTreeListSelect(event, type)
})
self.$filelist.on('click', 'tr', function(event) {
self._handlePickerClick(event, $(this), type)
})

@jancborchardt
Copy link
Member Author

@juliushaertl cool, could you add a commit for that? :)

@juliushaertl juliushaertl self-assigned this Mar 6, 2020
@jancborchardt
Copy link
Member Author

@juliushaertl any update here? :)

This was referenced Apr 4, 2020
@rullzer rullzer mentioned this pull request Apr 15, 2020
57 tasks
@skjnldsv
Copy link
Member

Have you checked #20201
Might be the time for this?

@rullzer rullzer mentioned this pull request Apr 16, 2020
55 tasks
@jancborchardt
Copy link
Member Author

jancborchardt commented Apr 16, 2020

We need to get this in for 19 and also backport to at least 18 to fix accessibility, so big layout changes might not be proper here.

What @juliushaertl talked about should work, no? Just needs someone with JS knowledge to add a commit here.

@rullzer rullzer mentioned this pull request Apr 23, 2020
11 tasks
@juliushaertl
Copy link
Member

So unfortunately reacting to the keydown event doesn't work as expected, for some reason a click event on the submit is triggered before and I don't see where this is coming from now. Needs some more investigation.

@jancborchardt
Copy link
Member Author

When we find a fix for this, we should backport to 19 for sure and ideally also 18 because it’s an important accessibility fix. :)

@MorrisJobke MorrisJobke mentioned this pull request Aug 11, 2020
57 tasks
@rullzer rullzer mentioned this pull request Aug 21, 2020
19 tasks
@jancborchardt jancborchardt removed this from the Nextcloud 20 milestone Aug 23, 2020
@jancborchardt jancborchardt added this to the Nextcloud 21 milestone Aug 23, 2020
This was referenced Dec 14, 2020
@ChristophWurst ChristophWurst removed this from the Nextcloud 21 milestone Dec 22, 2020
@ChristophWurst ChristophWurst added 0. Needs triage Pending check for reproducibility or if it fits our roadmap and removed 2. developing Work in progress labels Dec 22, 2020
@rullzer
Copy link
Member

rullzer commented Mar 30, 2021

I'm going to close this. It has been open for ages.
Feel free to reopen if anybody actually continues it ;)

@rullzer rullzer closed this Mar 30, 2021
@rullzer rullzer deleted the design/accessibility-filepicker branch March 30, 2021 19:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0. Needs triage Pending check for reproducibility or if it fits our roadmap bug design Design, UI, UX, etc. feature: accessibility help wanted
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants