learningequality / learningequality/studio
a11y keyboard nav issues in editing
Open
Nobody has claimed this yet.
design: todo
DEV: frontend
P1 - important
TAG: a11y
TAG: ux update
TODO: needs clarification
- Dominant language
- Python
- Stars
- 191
- Forks
- 307
- Avg merge
- 5d 6h
- Merged PRs (30d)
- 10
Description
Summary
- Keyboard navigates to checkboxes on the NodePanel items which lets you select it, but then the user has to key back to the top menu to engage any actions
- The context dots icon and menu are hidden visually, keyboard navigation focusing them doesn't make them appear or indicate where the keyboard nav focus is
- When you highlight and manage to open an item's dropdown menu with the keyboard, there are no outlines or focus indicators while tabbing through the dropdown options - seems because the tab focus does not move to the newly opened dropdown menu.
- Generally speaking - it is very difficult to know where my focus is while navigating with keyboard. There is substantial work needed to improve the a11y of Studio's interface - particularly for those who are visually impaired or unable to use a mouse.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the keyboard flow in Studio's editing interface, focusing on NodePanel checkboxes, the context dots menu, and its dropdown options. Done means keyboard users can see focus, reveal and operate the context menu, and move into its options without losing the focus indicator.
Written by the indexing model from the issue text.
Assessment
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100