有没有办法做一个无障碍模式？

Question

我正在使用Twitter Bootstrap开展一个项目，并使用屏幕阅读器播放JavaScript components。

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

有没有办法实现无障碍模式？

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

Answer 1

这里有一个访问模式对话框：http://hanshillen.github.com/jqtest/#goto_dialog

一旦模式被激活，键盘导航是被困在里面的对话框，直到它的明确被用户关闭。

http://irama.org/web/dhtml/lightbox/详细信息如此可访问的实现（灯箱和模式对话框之间几乎没有区别，重要的是模式部分和键盘管理）。
您还可以阅读非官方的DHTML样式指南副本dialog modal部分和W3C/WAI-ARIA Making a Dialog Modal。

J. Wajsberg写了一个jQuery插件能够trap the keyboard input inside a DOM element，如果你需要更多的DIY方法。

Answer 2

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

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

您的模态对话框尝试在对话框HTML DIV使用咏叹调唱段和原子=“真正的”咏叹调活=“自信”的属性。它应该公布你的内容对话框。