Classic block toolbar can't be operated with a keyboard #6118
Labels
[Focus] Accessibility (a11y)
Changes that impact accessibility and need corresponding review (e.g. markup changes).
[Type] Bug
An existing feature does not function as intended
Milestone
When using only the keyboard, in the Classic block there's no way to focus the block toolbar to access its formatting controls.
This block is basically a TinyMCE instance and in the WordPress old editor moving focus works by using the shortcut
Alt+F10
. However, in Gutenberg,Alt+F10
focuses the toolbar for a fraction of a second and then focus is moved to the top toolbar, see screenshot below for clarity:The block toolbar itself and all its controls have a
tabindex="-1"
attribute so they're out of the tab sequence and there's really no way to move focus there. Again, this works in the old editor because TinyMCE offers a way to move focus to the toolbar and then focus is managed programmatically with arrows/tab navigation.I've noticed also other inconsistencies and events conflicts, for example pressing Escape doesn't do what it should. But I won't enter into details since in its current state this block isn't even fully testable with a keyboard.
Considering this block aims to offer the same user experience of the old editor, it should work with the same level of accessibility too. Unfortunately, right now there's a serious accessibility regression here, since it's not usable at all by keyboard users and screen reader users.
The text was updated successfully, but these errors were encountered: