[BUG] [无障碍bug]编辑器和AI助理中的按钮、选项卡以及页面顶部的三个按钮不支持读屏软件朗读和键盘操作 #3900
Labels
🐞 bug
Something isn't working
Comments
lilangtop
added a commit
to lilangtop/opensumi-core
that referenced
this issue
Aug 7, 2024
- Add role="tab" to tabs - Add aria-expanded attribute to indicate the active tab - Enable keyboard focus on tabs - Support arrow keys: left or up arrow moves to the previous tab, right or down arrow moves to the next tab, end key moves to the last tab, home key moves to the first tab - Support Enter or Space key to activate the focused tab, and Menu key to open the context menu - Add role="button", aria-label, and keyboard shortcut hints to all tab close buttons - Add keyboard focus to the close button of the active tab, support Space or Enter key to activate the close button Closes opensumi#3900
1 task
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
描述你的问题（Describe the bug）
以下是对 OpenSumi 编辑器中无障碍性问题的反馈
1. 编辑器选项卡
问题描述: 编辑器选项卡目前没有选中状态、焦点和键盘操作支持，这使得使用键盘的用户难以导航和操作选项卡，使用读屏软件的用户不能了解当前选项卡的选中状态。
复现路径: 打开多个文件，使用键盘尝试浏览和切换选项卡。
预期表现: 选项卡应该有明确的选中/展开状态，并可以通过 Tab 键和箭头键进行导航，可以使用 Enter 键进行选择。
2. 编辑器关闭按钮
问题描述: 编辑器关闭按钮没有标签、焦点和键盘操作支持，这使得使用键盘的用户难以关闭文件。
复现路径: 打开一个文件，使用键盘尝试关闭该文件。
预期表现: 关闭按钮应该有明确的标签，例如 "关闭"，并可以通过 Tab 键和箭头键进行导航，可以使用 Enter 键点击。
3. 编辑器拆分、更多按钮
问题描述: 编辑器拆分按钮和更多按钮没有标签、焦点和键盘操作支持，这使得使用键盘的用户难以操作这些功能。
复现路径: 使用键盘尝试操作编辑器的拆分功能和更多功能。
预期表现: 拆分按钮和更多按钮应该有明确的标签，例如 "拆分" 和 "更多"，并可以通过 Tab 键和箭头键进行导航，可以使用 Enter 键点击。
4. AI 助理模块操作按钮
问题描述: AI 助理模块聊天的关闭、清空、代码的复制、插入、回答内容的刷新、点赞、踩、发送、Explain等操作按钮无焦点、部分无标签，这使得使用键盘的用户难以操作这些功能。消息列表没有焦点，导致键盘用户无法快速定位某一条消息。
复现路径: 使用键盘尝试操作 AI 助理模块的复制、插入代码区和列表按钮。
预期表现: 所有按钮应该有明确的标签，并可以通过 Tab 键和箭头键进行导航，可以使用 Enter 键进行点击。消息列表项每一项添加一个tab键焦点，方便使用键盘的用户聚焦每一条消息。
5. 顶部的按钮
问题描述: 顶部的展开收起侧边栏、展开收起菜单按钮、展开收起 AI 助理按钮等没有标签和键盘操作支持，这使得使用键盘的用户难以操作这些功能。
复现路径: 使用键盘尝试操作顶部的按钮。
预期表现: 所有按钮应该有明确的标签，并可以通过 Tab 键和箭头键进行导航，可以使用 Enter 键进行点击。
环境信息（Environment）
The text was updated successfully, but these errors were encountered: