Improve top bar menu navigation for keyboard and screen reader users
@OsirisMedici 已经在做这个了。
开始于 2023年3月3日。
评估
这个 Issue 还没有评估数据。
描述
The top bar of the Processing website's dropdowns are not properly accessible for keyboard and screen reader users.
Current behavior
- Tabbing through the top bar menu gives limited information about the nature and state of dropdown buttons.
Desired behavior
- When tabbing through the menu, screen reader should announce "[button name] menu button collapsed submenu."
- When pressing enter, screen reader should announce "expanded" and actually expand the submenu.
This can be achieved using aria-expanded and aria-controls.
Example
A good example of an accessible menu with dropdowns can be found here: https://www.audioeye.com/consultants/
References
Further information about dropdown accessibility can be found here: https://accessuse.eu/en/drop-down-menus.html
- 主要语言
- MDX
- 星标
- 90
- 派生
- 122
- 平均合并
- 1 小时 43 分钟
- 30 天内合并 PR
- 3
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
processing/processing-website 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 76/100
processing/processing-website#716 ·
-
难度 2/5 1-3 小时 新手友好度 68/100
processing/processing-website#703 ·
-
Good First Issue Help Wanted Reference
难度 1/5 1 小时以内 新手友好度 90/100
processing/processing-website#698 · 5 条评论 · 1 个 reaction ·
-
难度 1/5 1 小时以内 新手友好度 72/100
processing/processing-website#681 · 2 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
processing/processing-website#646 · 3 条评论 ·