-
Notifications
You must be signed in to change notification settings - Fork 4.5k
Closed
Labels
[Block] DetailsAffects the Details Block - used to display content which can be shown/hiddenAffects the Details Block - used to display content which can be shown/hidden[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).Changes that impact accessibility and need corresponding review (e.g. markup changes).[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended
Description
Description
Reported at #65603 (comment)
Previously, the Details block automatically opened and closed the contents inside the block when the block was selected. However, this behavior was removed by #67766 after users reported issues with dragging and dropping blocks.
However, this introduced another accessibility issue. Keyboard users cannot access the inner blocks because the contents inside the block can only be opened and closed by clicking the summary element with the mouse pointer.
Step-by-step reproduction instructions
- Add a new post.
- Insert details block.
- Notice how focus should land in the summary title field.
- Try to move to the hidden paragraph.
- Impossible because the block is collapsed.
- Try to expand the block with the keyboard.
- Impossible because there is no exposed expander/trigger due to the overriding of semantics for screen readers.
- Open the list view.
- Expand the details block in the tree.
- Try to select the paragraph block.
- Block is announced as selected but focus doesn't move since it is not exposed in the canvas.
Screenshots, screen recording, code snippet
No response
Environment info
No response
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
Please confirm which theme type you used for testing.
- Block
- Classic
- Hybrid (e.g. classic with theme.json)
- Not sure
yogeshbhutkar
Metadata
Metadata
Assignees
Labels
[Block] DetailsAffects the Details Block - used to display content which can be shown/hiddenAffects the Details Block - used to display content which can be shown/hidden[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).Changes that impact accessibility and need corresponding review (e.g. markup changes).[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended
Type
Projects
Status
✅ Done