Modal 中的屏幕阅读器无法读取下拉选项

++ 依赖性检查

• 我已经核实我使用所有@mantine/* 软件包的最新版本

@ mantine/ * 软件包中的哪个版本?

8.3.13 信息技术

什么包裹有问题?

@ mantine/ 核心

您使用什么框架 ?

赞美音乐

QQ 您可以在哪个浏览器中复制这个问题 ?

颜色

描述错误

重现:

• 在 Modal 内放置一个选择
• 打开模式窗口
• 焦点选择
• 观察/听取Voiceover的产出
• 使用上下箭头导航下拉选项
• 观察/听取Voiceover的产出

观察: Voiceover 承认并宣布列表框,但在通过选项时保持沉默

预期: Voiceover 识别并宣布列表框, 然后宣布每个访问的列表框选项

https://GitHub.com/user-attachments/assets/49fcc734-e5d1-419e-b0bf-bfaef76918cf

如果可能,请包括一个最小复制的编码和框的链接

https://codesandbox.io/p/sandbox/mantinemodule withselect-forked-mwsl3n 互联网档案馆的存檔,存档日期2013-12-20.

• 可能的固定

当在 Modal 内使用 Select 组件时,降下的内容默认会传送到文档正文. 此中断列表框的可访问性, 因为屏幕阅读器期望所有内容都在模式的 DOM 子树内 。 目前Voiceover不宣布列表框选项.

在 Modal 内提供的下拉选项应该是模式的 DOM 树的一部分,由辅助技术读取。

自助服务

• 我愿意执行一个解决这个问题的解决方案