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

Navigating columns with arrow keys is not intuitive #30660

Closed
carolinan opened this issue Apr 9, 2021 · 3 comments
Closed

Navigating columns with arrow keys is not intuitive #30660

carolinan opened this issue Apr 9, 2021 · 3 comments
Labels
[Block] Columns Affects the Columns Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Accessibility Feedback Need input from accessibility

Comments

@carolinan
Copy link
Contributor

carolinan commented Apr 9, 2021

Description

The following was reported during user testing on April 9 2021.

"When navigating within a columns block, I expected that using the left/right arrow keys would allow me to switch between columns.
Instead, using these keys, focus is moved to the block inside the first column.

When a columns block is selected and you use the down arrow key, the first column is selected.
Press the down arrow key again, and the block inside that column is selected.
Press the down arrow key again, and the next block after the columns block is selected.

Now, if you press the up arrow key, the focus is on the block inside column number two.
If you press the up arrow key again, the focus is on column number two
Press the up arrow key again, and the parent columns block is focused."

Step-by-step reproduction instructions

Add a columns block and navigate with arrow keys as described above.

Expected behaviour

Using left and right arrow keys should move focus between the (inner) columns.

When using the down or up arrow key, focus should move to the next column, and only move out of the columns block when you are at the last column.

Screenshots or screen recording (optional)

WordPress information

WordPress version: 5.7
Gutenberg version: trunk
Are all plugins except Gutenberg deactivated? yes
Are you using a default theme (e.g. Twenty Twenty-One)? TT1 blocks

Device information

Device: Desktop
Operating system: Windows 10
Browser: Chrome Version 89.0.4389.114

@talldan talldan added the Needs Accessibility Feedback Need input from accessibility label Apr 16, 2021
@annezazu
Copy link
Contributor

More feedback related to this here starting at 2:43. Here's a re-recording for ease of use:

columns.block.keyboard.mov

Very frustrating/nearly unusable experience.

@ellatrix
Copy link
Member

Duplicate of #30155?

@annezazu
Copy link
Contributor

I think it is since yours is a more umbrella issue for the behavior. Going to close this out to consolidate efforts :) cc @alexstine who asked about this recently. Please follow along on 30155!

@priethor priethor added the [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). label Jul 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Columns Affects the Columns Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Accessibility Feedback Need input from accessibility
5 participants