search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.28k stars 4.09k forks source link

Inaccessible "add block" with keyboard in editor (Accessibility [a11y]) #51522

Open iDschepe opened 1 year ago

iDschepe commented 1 year ago

Description

It's not possible to access the "Add block" feature via keyboard. Together with @Ryokuhi (Thanks for your help!) we tried to figure out what caused this issue at WCEU2023 contributer day.

It seems to be an issue of tabindex

I guess the affected component might be within PrivateInserter: https://github.com/WordPress/gutenberg/blob/f1d0bd550f85f5fa4279a3fdb9a2b9c28a7544c6/packages/block-editor/src/components/inserter/index.js#L79

Step-by-step reproduction instructions

  1. Open gutenberg editor
  2. Create a block, e.g. Social Icons block
  3. Try to EDIT existing Social Icons block and add a new social icon item by accessing the inserter, using your keyboard

Screenshots, screen recording, code snippet

block-editor

Environment info

See also: https://wordpress.github.io/gutenberg/?path=/story/playground-block-editor--default to inspect tabindex of the inserter

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

github-actions[bot] commented 1 year ago

Hi, This issue has gone 30 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps. Thanks for helping out.

iDschepe commented 1 year ago

Ping