有沒有辦法做一個無障礙模式？

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使用詠歎調唱段和原子=「真正的」詠歎調活=「自信」的屬性。它應該公佈你的內容對話框。