-
Type: Task
-
Resolution: Unresolved
-
Priority: Minor - P4
-
None
-
Affects Version/s: None
-
Component/s: Accessibility
-
None
-
3
Currently browser repl has an ace-editor that is a focus trap, meaning that when a user tabs into the shell editor input they are unable to use the keyboard to leave (except with undocumented option+tab). We should improve this accessibility issue by providing an aria description with the key a user can press to navigate out of the element.
I'm thinking we can add an `Escape` key handler which disables the ace editors `indent` and `outdent` commands until the ace editor is refocused. Similar to the example Sergey linked in COMPASS-4900: https://codemirror.net/examples/tab/
https://www.w3.org/TR/2016/WD-wai-aria-practices-1.1-20160317/#richtext
We'll then document this escape key handler using aria-label or similar.
- is related to
-
COMPASS-4900 Tab Lock in Query Bar
- Closed
- related to
-
COMPASS-6016 Add keyboard nav accessibility for all react-ace editors
- Closed