Status: The macro toolbar can not be activated via keyboard alone.

Issue Summary

The status toolbar is inaccessible for the screen reader and keyboard-only users.

Note: This issue is present in all macros in the editor section.

Steps to Reproduce

1. Edit the page 
2. Navigate to "Insert more content" and activate the link, dropdown gets displayed and then activate the "Status" option in the dropdown.
3. Add the details and activate the "insert" button.
4. "Status" inline macro has been created on the editor 

Screenshot

Screen Recording.

Screen Recording 2022-06-20 at 9.08.09 PM.mov

Actual Results

When the user tries to activate the status toolbar elements which is present in the macro in the editor section, it does not receive keyboard support. Due to this, the status toolbar elements cannot be activated. This made it difficult for keyboard-only users and screen reader users to access the functionality associated with it.

Note: The functionality of the status toolbar is achieved or can be performed through the mouse.

Expected Results

The interactive element should receive keyboard focus and must be operable with a keyboard as well.

• Make the mentioned interactive element button with <button> or role=”button” which is coded in <img>. Also, the button should have an accessible name.
• Users should be notified about the information that the button would trigger a dialog. This will make sure that the screen reader users are aware that activating this button would open a dialog. To implement this make sure to provide aria-haspopup="true/false".

• Screen readers and keyboard-only users should be able to access the functionality with keyboard keys.

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available