storybook [Bug]:在“辅助功能”窗格中,Narrator没有宣布“元素必须仅使用允许的ARIA属性下拉”的折叠状态,

btxsgosb  于 4个月前  发布在  其他
关注(0)|答案(1)|浏览(36)

描述bug

在“辅助功能”面板中的“元素必须仅使用允许的ARIA属性下拉菜单”中,Narrator没有宣布折叠状态。
实际结果:
在导航到“辅助功能”面板中的“元素必须仅使用允许的ARIA属性”下拉菜单时,Narrator没有宣布下拉菜单的折叠状态。
预期结果:
在调用“辅助功能”面板中的“元素必须仅使用允许的ARIA属性下拉菜单”时,Narrator应该宣布下拉菜单的折叠状态。

重现步骤

  1. 打开URL:Common Navigation - Scrolling Panel ⋅ Storybook (windows.net)
  2. 在面板右侧的“App bar”按钮上单击并导航到“Default”链接上单击。
  3. 现在导航到“辅助功能”选项卡项并单击它,然后导航到“元素必须仅使用允许的ARIA属性下拉菜单”,观察Narrator的公告。
huwehgph

huwehgph1#

我可以看到这个建议的解决方案是将标记从一个
with a role="button" 更改为,这样我们就可以在不将它们添加到 div 的情况下获得焦点状态,尽管这种方法可能会使 tabIndex 变得有点不稳定。我会尝试明天为此提交 PR 👍
这也将是一个相当大的改变,因为我需要添加相同的可访问性:

  • 空格:当焦点在折叠部分的 Accordion Button 上时,展开该部分。
  • 回车:当焦点在折叠部分的 Accordion Button 上时,展开该部分。
  • Tab:将焦点移动到下一个可聚焦元素。
  • Shift-Tab:将焦点移动到上一个可聚焦元素。
  • 向下箭头:将焦点移动到下一个 Accordion Button。
  • 向上箭头:将焦点移动到上一个 Accordion Button。
  • Home:当焦点在 Accordion Button 上时,将焦点移动到第一个 Accordion Button。
  • End:当焦点在 Accordion Button 上时,将焦点移动到最后一个 Accordion Button。

这也可以用来解决 #24125 的问题,因为那时我们可以通过键盘控制 accordion ,它会宣布标签并将焦点放在复选框上。所以我认为我们可以结合这些票据

相关问题