JAWS 18 不支持 aria-modal
aria-modal not supported in JAWS 18
您好,我正在研究 angular 我们需要弹出窗口可访问性的地方。
为此,我参考了这个 link:
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>
注入到各种组件中。但它仍然继续阅读下面的内容。
您的代码是正确的,但 aria-modal
还没有得到很好的支持。
目前,您必须对不属于对话框的元素设置 aria-hidden
。如果您的 code/DOM 可以被安排成对话框是您的主要 window 的同级对话框,那么设置 aria-hidden
就会容易得多。
在focus moving out of modal in scan mode
上查看我的回答
您好,我正在研究 angular 我们需要弹出窗口可访问性的地方。 为此,我参考了这个 link:
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>
注入到各种组件中。但它仍然继续阅读下面的内容。
您的代码是正确的,但 aria-modal
还没有得到很好的支持。
目前,您必须对不属于对话框的元素设置 aria-hidden
。如果您的 code/DOM 可以被安排成对话框是您的主要 window 的同级对话框,那么设置 aria-hidden
就会容易得多。
在focus moving out of modal in scan mode
上查看我的回答