[material-ui][Dialog]屏幕阅读器没有朗读角色

jmp7cifd  于 4个月前  发布在  其他
关注(0)|答案(5)|浏览(52)

重复问题

  • 我已搜索现有的问题

最新版本

  • 我已测试了最新版本

重现步骤 🕹

链接到实时示例:nice-agnesi-s3wxpw - CodeSandbox
步骤:
1.打开URL:nice-agnesi-s3wxpw - CodeSandbox
2.页面一打开,焦点就聚焦在代码编辑器上
3.从键盘按下Ctrl+f6键,然后按1个制表符,再次从键盘按下CTRL+M键,然后再按1个制表符将焦点移出编辑器窗格。
4.按6个制表符导航到打开对话框控件。
5.现在打开屏幕阅读器,调用打开对话框控件,并捕获屏幕阅读器的叙述。
6.验证屏幕阅读器是否宣布显示的对话框的角色信息。

当前行为😯

一旦模型标题对话框显示出来,屏幕阅读器就不会宣布对话框的角色信息。
观察:一旦用户调用打开对话框控件,屏幕阅读器就会宣布为“Model title close”。

预期行为🤔

一旦模型标题对话框显示出来,屏幕阅读器应该宣布对话框的角色信息。
观察:一旦用户调用打开对话框控件,屏幕阅读器应该宣布为“Model title dialog displayed”,并且下一个焦点应该落在“关闭按钮”上。

上下文🔦

依赖屏幕阅读器的用户会感到困惑,如果屏幕阅读器在对话框显示后没有讲述对话的角色信息。
用户将无法了解对话的所有相关信息,如果屏幕阅读器没有宣布对话的所有相关信息。

Issue.202164.-.Made.with.Clipchamp.mp4

b1payxdu

b1payxdu1#

谢谢,我确认这是一个bug。我已经注意到在我们的一个演示中出现了类似的问题:https://mui.com/material-ui/react-dialog/#transitions

u1ehiz5o

u1ehiz5o2#

我想要处理这个问题!

enxuqcxy

enxuqcxy3#

你好,团队。这个问题有什么更新吗?

xesrikrc

xesrikrc4#

嘿,@msftedad,这里有一个open PR,但它可能已经被废弃了。
这个bug仍然存在,所以我会添加一个准备就绪的标签。让我们看看是否有贡献者对它感兴趣并愿意为其工作。
@michaldudak,你认为Base UI如何影响这个问题?最终的角色是否应该在Base UI这边?

ecfdbz9o

ecfdbz9o5#

我们还没有详细说明Base UI中的对话框。我会在设计时考虑这个问题。

相关问题