Skip to content

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

@iDschepe

Description

@iDschepe

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:

class PrivateInserter extends Component {

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] InserterThe main way to insert blocks using the + button in the editing interface[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Status] Needs More InfoFollow-up required in order to be actionable.[Type] BugAn existing feature does not function as intended

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions