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

Using keyboard to jump between widget areas is difficult #25877

Closed
mapk opened this issue Oct 6, 2020 · 7 comments
Closed

Using keyboard to jump between widget areas is difficult #25877

mapk opened this issue Oct 6, 2020 · 7 comments
Labels
[Feature] Widgets Screen The block-based screen that replaced widgets.php. [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Accessibility Feedback Need input from accessibility [Type] Bug An existing feature does not function as intended

Comments

@mapk
Copy link
Contributor

mapk commented Oct 6, 2020

Problem

Using the keyboard to jump between widget areas is difficult. I tried using TAB and/or using Arrow Down key, but it appears I have to jump through all the blocks before I can get to the next widget area. Notice that as I finally jumped to other areas, I couldn't get the accordion to open for me.

Solution

I recommend that when the area is selected, using TAB jumps to the next widget area. If I want to jump into that particular widget area, using the Arrow Down to do so makes sense to me, or click Enter to jump to the first block in the area works too. But I'm open to any correction here from the Accessibility Team.

Example of problem

keyboard

@mapk mapk added [Type] Bug An existing feature does not function as intended [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Feature] Widgets Screen The block-based screen that replaced widgets.php. Needs Accessibility Feedback Need input from accessibility labels Oct 6, 2020
@mapk
Copy link
Contributor Author

mapk commented Oct 6, 2020

Related to #25766

@talldan
Copy link
Contributor

talldan commented Oct 7, 2020

I did some testing, and it looks like I could use the down arrow to move to the next widget area, but I would expect it to expand (if collapsed) when pressing space.

@talldan
Copy link
Contributor

talldan commented Oct 7, 2020

When testing #25880, I noticed that when a widget area is focused, you can use tab to highlight the panel at which point space can be used to open the panel. As mentioned, the number of tab stops is potentially confusing. Usually for blocks the first focusable element in the block receives focus, which I would expect to be the same in a widget area..

@enriquesanchez
Copy link
Contributor

I also ran into this while testing and think we should replicate the behavior from the editor. When a whole widget are is selected, and whether it's expanded or collapsed, I should be able to navigate through them with TAB and also Up and Down arrows.

@draganescu
Copy link
Contributor

draganescu commented Feb 18, 2021

Related #25880.

@draganescu draganescu changed the title Widget Editor: Using keyboard to jump between widget areas is difficult Using keyboard to jump between widget areas is difficult Feb 18, 2021
@tellthemachines
Copy link
Contributor

Currently, arrow down moves into the widget area when it's opened, and to the next area when it's closed. But it's now easier to open/close widget areas by pressing enter or space when the header is focused.

Tab moves to the sidebar, which is the same behaviour as in the post editor.

Is there any further action required for this issue?

@draganescu
Copy link
Contributor

I think we're ok!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Widgets Screen The block-based screen that replaced widgets.php. [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Accessibility Feedback Need input from accessibility [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

5 participants