2013-03-11 53 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"。这有助于屏幕阅读器选择阅读灯箱的内容。