2013-03-11 39 views
1

我目前正在努力開發符合508/ADA要求的燈箱燈箱;爲了達到這個目的,我需要讓一個燈箱出現(已經完成),然後讓像NVDA這樣的閱讀器讀取燈箱上的內容,而不是將焦點轉換爲燈箱後面的頁面文本並閱讀它。以一種更簡潔的方式 - 讓燈箱出現在屏幕上,將重點放在燈箱上,讓NVDA閱讀燈箱上的內容,而不必回到背景。如果我在別人提供答案之前找到答案,我會繼續更新。508/ADA符合燈箱

目前沒有解決此問題的方法 - 這是一個NVDA問題,Aria隱藏未被正確識別。 http://www.nvda-project.org/ticket/2706 // http://www.nvda-project.org/ticket/2117 -

溶液我建議:

創建的iFrame - 或DIV - 即展開或摺疊/出現或僅當消息是指將被顯示Dissapper。這將創建一個「可聚焦」區域,然後可以成爲NVDA的參考點。我將繼續爲這個問題研究JavaScript/JQuery解決方案。

+0

有兩篇文章應該讓你開始:http://juicystudio.com/article/custom-built_dialogs.php和http://www.nczonline.net/blog/2013/02/12/making-an-accessible -dialog-box/ – 2013-03-11 20:23:16

+1

Ryan,非常感謝分享這些資源,他們一定會幫助我。我很快就會有一個編碼解決方案。最好。 – 2013-03-12 18:38:36

回答

0

我建議你使用role="alertdialog"role="dialog"。這有助於屏幕閱讀器選擇閱讀燈箱的內容。