Navigating columns with arrow keys is not intuitive #30660
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
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
The text was updated successfully, but these errors were encountered: