Menu List component could use a11y improvements
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 38/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Domain
- accessibility, frontend
Research direction
Start with the menu list component shown on the linked Menu List page and reproduce the keyboard and focus behavior in the issue. Check how the menu responds to Escape, outside clicks, and focus moving past the last item. Done means each action closes the open menu consistently across browsers.
Written by the indexing model from the issue text.
Description
Description
The menu list component could benefit from some a11y improvements.
Steps to reproduce
- Visit https://protocol.mozilla.org/patterns/molecules/menu-list.html
- Using the keyboard,
tabso the menu list is focused. - Hit
enterto open the menu.
Expected result
- If i hit
escwhen open, it should close the menu. - If I
clickanywhere outside of the menu whilst open, the menu should close again. - If I
tabthrough the menu items and past the last item in the list, then the menu should close when focus leaves the element.
Actual result
The menu remains open for all of the above items. The only way to close a menu currently is to click the title again.
Environment
Firefox Nightly (but happens in any browser)
- Dominant language
- SCSS
- Stars
- 298
- Forks
- 83
- Avg merge
- 8d 2h
- Merged PRs (30d)
- 5
Contributor guide
No contributing guide indexed for this repository
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.
More from mozilla/protocol
-
Difficulty 1/5 Under an hour Newbie friendliness 72/100
-
Bug :beetle: Size: XS
Difficulty 2/5 Under an hour Newbie friendliness 65/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 45/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 50/100
-
Dev ready ⚙️ P1 Size: XS
Difficulty 5/5 Over a week Newbie friendliness 35/100
All issues in mozilla/protocol
Similar issues
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
joinmarket-webui/jam#1496 · 1 comment ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
-
a11y: JAWS a11y: VoiceOver good first issue 👋 needs: code contribution needs: community contribution package: @carbon/react platform: macos status: help wanted 👐 type: a11y ♿ type: bug 🐛
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
carbon-design-system/carbon#23393 · 1 comment ·
-
accessibility angular bug good first issue typescript ux
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
apache/fineract-backoffice-ui#584 · 1 comment ·