Skip to content

Fix filepicker list not being keyboard tabbable, ref #16494 - #19807

Closed
jancborchardt wants to merge 1 commit into
masterfrom
design/accessibility-filepicker
Closed

Fix filepicker list not being keyboard tabbable, ref #16494#19807
jancborchardt wants to merge 1 commit into
masterfrom
design/accessibility-filepicker

Conversation

@jancborchardt

Copy link
Copy Markdown
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

skjnldsv commented Mar 6, 2020

Copy link
Copy Markdown
Member
  • 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
Copy Markdown
MemberAuthor

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
Copy Markdown
Member

making moving files impossible

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

@juliusknorr

Copy link
Copy Markdown
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
Copy Markdown
MemberAuthor

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

@juliusknorrjuliusknorr self-assigned this Mar 6, 2020
@jancborchardt

Copy link
Copy Markdown
MemberAuthor

@juliushaertl any update here? :)

This was referenced Apr 4, 2020
@rullzerrullzer mentioned this pull request Apr 15, 2020
57 tasks
@skjnldsv

Copy link
Copy Markdown
Member

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

@rullzerrullzer mentioned this pull request Apr 16, 2020
55 tasks
@jancborchardt

jancborchardt commented Apr 16, 2020

Copy link
Copy Markdown
MemberAuthor

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.

@rullzerrullzer mentioned this pull request Apr 23, 2020
11 tasks
@juliusknorr

Copy link
Copy Markdown
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
Copy Markdown
MemberAuthor

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. :)

@MorrisJobkeMorrisJobke mentioned this pull request Aug 11, 2020
57 tasks
@rullzerrullzer mentioned this pull request Aug 21, 2020
19 tasks
@jancborchardtjancborchardt removed this from the Nextcloud 20 milestone Aug 23, 2020
@jancborchardtjancborchardt added this to the Nextcloud 21 milestone Aug 23, 2020
This was referenced Dec 14, 2020
@ChristophWurstChristophWurst removed this from the Nextcloud 21 milestone Dec 22, 2020
@ChristophWurstChristophWurst 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
Copy Markdown
Member

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

@rullzerrullzer closed this Mar 30, 2021
@rullzer
rullzer deleted the design/accessibility-filepicker branch March 30, 2021 19:34
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

0. Needs triagePending check for reproducibility or if it fits our roadmapbugdesignDesign, UI, UX, etc.feature: accessibilityhelp wanted

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants

@jancborchardt@skjnldsv@juliusknorr@rullzer@MorrisJobke@ChristophWurst