首页 > 解决方案 > JAWS 18 不支持 aria-modal

问题描述

嗨,我正在研究需要弹出可访问性的角度。我从此链接中引用了该链接:

https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html

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

这就是我的代码的样子:

我有一个 dialog.component.html

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

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

标签: javascripthtmlangularaccessibilitywai-aria

解决方案


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

现在,您必须设置aria-hidden不属于对话框的元素。如果您的代码/DOM 可以排列成对话框是主窗口的兄弟,那么设置aria-hidden会变得更加容易。

请参阅我关于在扫描模式下焦点移出模态的答案


推荐阅读