Posted: 8 Apr 2020 12:02 EDT Last activity: 1 Mar 2021 7:37 EST
Rich text editor- keyboard trap for accessibility users
A screen with a Rich Text Editor will trap keyboard users within the editing text box. The user can tab into the text box, but cannot tab out of it to move focus to controls outside of the rich text editor.
Is there a way to fix this issue where the user can either press TAB out of the editing text box or press ESC to move out of the Rich Text Editor?
We do not want to add the PegaWAI ruleset to resolve this issue, since we do not want all features included in the ruleset enabled in our framework.
***Edited by Moderator: Pallavi to change category from General to Product, add platform version and Feedback ID***
Thank you for your response! I was able to review the link you sent and the resolution requires the PegaWAI accessibility ruleset to be added and enabled. For right now, we do not want to use this ruleset.
I was able to figure out a keyboard shortcut to exit out of the rich text editor by pressing ESC + Tab but I am not sure if this is a common practice and would not want to leave it as is if it is not best practice for accessibility.
Would you happen to know if this is the expected behavior for exiting out of rich-text editors via keyboard?
As you mentioned previously, Esc+Tab is the keyboard shortcut to move focus out of the text area of the RTE, and it should move to the next focusable element on the screen. To verify, you could use a screenreader and navigate through the RTE using the shortcuts. The screenreader can help identify exactly where focus is as you navigate through.
We will be documenting the keyboard shortcuts for the RTE in our application. We also submitted FDBK-76382 - 'RTE Toolbar Keyboard Shortcut Documentation' for Pega to provide documentation/instructions for the RTE keyboard shortcuts since this information is not currently available in the Pega platform.
Lastly, we submitted INC-156912 for this issue. We further discovered the following:
Issue: When in a modal dialog with an RTE control inside,ESC key does bring the focus to RTE text area but since the keypress event is further propagated to modal dialog, the code that closes the modal dialog is executed.
Expected behaviour: If the focus is on RTE toolbar, if user presses ESC button in modal dialog, the focus should come back to RTE text area.
Solution description: The releases that the issue is estimated to be addressed in are: 8.3.6, 8.4.5, 8.5.3, and 8.6.