plone / volto

React-based frontend for the Plone Content Management System
https://demo.plone.org/
MIT License
486 stars 661 forks source link

a11y - Edit - main content/sidebar - cms ui #5150

Open Wagner3UB opened 1 year ago

Wagner3UB commented 1 year ago

Describe the bug This issue is about how the edit content page and the sidebar work together when using the keyboard or a screen reader to move around. The question to be answered is how the user can go from creating a block to editing its block content within the sidebar and come back when ends.

The sidebar populates depending on the block type (sometimes even just with a simple "enter" without the content being presented as editable). However, with a screen reader, there is no information regarding this, and it is not clear that accessing advanced edits is possible.

With only a screen reader and keyboard, it's impossible to tell if a block can be edited or if there are more settings in the sidebar.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://demo.plone.org/edit
  2. With the cursor inside the title input (default behavior) press "ENTER" extra: Here slate have a problem, the next step is to press "TAB", but nothing happens. In this pull request there is a solution to this problem in the packages/volto-slate/src/blocks/Text/keyboard/traverseBlocks.js file.

Expected behavior

prithvi009 commented 1 year ago

Hi @Wagner3UB , I am trying to address this issue. I tried finding the where this module (volto slate) is being used, unfortunately I couldn't . can you please direct me to the right place?

Thanks.