javascript - 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>
到各种组件中。但它仍然会继续阅读下面的内容。
解决方案
您的代码是正确的,但aria-modal
尚未得到很好的支持。
现在,您必须设置aria-hidden
不属于对话框的元素。如果您的代码/DOM 可以排列成对话框是主窗口的兄弟,那么设置aria-hidden
会变得更加容易。
推荐阅读
- node.js - 如何在 nodejs 中仅加密整个文件的一部分(例如:仅前 2500 个字节)?
- wordpress - 使用 wp_nav_menu_objects 将某些内容附加到 wordpress 导航菜单
- ffmpeg - 使用 FFMpeg 时如何在双引号内分隔引号、双引号和冒号
- visual-studio - 添加 fontawesome svgs 后,Visual Studio 构建速度变慢
- python - 将具有任意行数的输入文件写入制表符分隔的输出
- javascript - 当我在 axios 的拦截器中时如何忽略回调?
- c++ - 如何将转换应用于条件运算符中的位域类型?
- azure-active-directory - OWIN 在 Azure 中停止运行
- linux - 将带有转义字符的文本从 Jenkins 传递到 Groovy 脚本
- c# - 错误 #CS0029“无法在 Visual Studio 中将类型 'void' 隐式转换为 'string'