JAWS 18 不支持 aria-modal答案

【问题标题】：aria-modal not supported in JAWS 18JAWS 18 不支持 aria-modal
【发布时间】：2019-01-21 11:18:22
【问题描述】：

您好，我正在研究需要弹出可访问性的角度。为此我参考了这个链接：

它指出使用 aria-modal="true" 将不允许屏幕阅读器阅读在后台但在 JAWS 18 版本和 JAWS 19 版本中不起作用的内容。

这就是我的代码的样子：

我有一个 dialog.component.html

<div aria-modal="true">
model-contet goes here
</div>

现在我将这个组件<dialog></dialog> 注入到各种组件中。但它仍然会继续阅读下面的内容。

【问题讨论】：

【解决方案1】：

您的代码是正确的，但 aria-modal 尚未得到很好的支持。

现在，您必须在不属于对话框的元素上设置aria-hidden。如果您的代码/DOM 可以安排为使对话框是主窗口的同级窗口，那么设置aria-hidden 会容易得多。

【讨论】：