Javascript 有没有一种方法可以实现无障碍模式？

我正在做一个推特引导的项目，并使用屏幕阅读器在网络上玩

当我触发模态对话框时，Jaws跳过模态，转到页面中的下一个链接

是否有一种方法来实现可访问模式

---

我认为另一个解决方案是为模式的功能创建一个静态页面，并在用户使用屏幕阅读器时重定向到此页面。如果用户使用屏幕阅读器，我是否可以检测到？

如果用户使用屏幕阅读器，我不知道任何自动检测的解决方案。但谷歌的解决方案是在页面开头隐藏一个链接（左键：-1000em，位置：绝对），如果你使用键盘并显示“特殊模式”，这个链接可以被激活

---

对于模态对话框，尝试在对话框html div上使用aria和aria atomic=“true”aria live=“assertive”属性。它应该会宣布对话框的内容。

EDIT 2019:N.霍夫曼在（以及其项目中的其他组件）和中编写并维护一个可访问的模态组件。
通过

数据-*

属性和类可以轻松修改行为和样式。
它已经在更多的条件下（屏幕阅读器等）进行了测试，您将如何使用自己的脚本；-）

此外，Bootstrap4在其最新版本中有一个相当容易访问的模式和Bootstrap3（Paypal BootstrapAccessibility插件的大部分或全部都是后端口到3.3.x）

现代资源：欧洲倡议以简单的方式详细介绍了许多有趣的方面，并指出了其他资源，包括最新的ARIA Deisgn模式

---

这是一个可访问的模式对话框：

一旦模式被激活，键盘导航就会被困在对话框中，直到用户显式关闭为止

详细说明这样一个可访问的实现（lightbox和模式对话框之间没有什么区别，重要的是模式部分和键盘管理）。
您还可以阅读DHTML样式指南的非官方副本中的零件和W3C/WAI-ARIA

---

J.Wajsberg编写了一个jQuery插件，如果您需要更多的DIY方法，它可以帮助您解决问题。

非常感谢！非常有用的答案。

<a href="#" style="left:-1000em;position:absolute">Screen reader users, click here to turn off Google Instant.</a>