508 / ADA符合灯箱

Question

我目前正在尝试开发符合508 / ADA标准的灯箱;为了实现这一点，我需要制作一个灯箱（已经完成），然后让像NVDA这样的读取器读取灯箱上的内容，而不是将焦点更改为灯箱后面的页面文本并阅读。以更简洁的方式 - 让灯箱显示为onload，将焦点保留在灯箱上并让NVDA读取灯箱上的内容而不返回背景。如果我在其他人提供答案之前得到答复，我会不断更新。

此时此问题无法解决 - 这是一个NVDA问题，Aria-hidden无法正确识别。http://www.nvda-project.org/ticket/2706 // http://www.nvda-project.org/ticket/2117 -

我建议的解决方案：

创建一个iFrame - 或DIV - 仅在要显示消息时展开或折叠/出现或消除差异。这将创建一个“可聚焦”区域，然后可以作为NVDA的参考点。我将继续研究这个问题的JavaScript / JQuery解决方案。

Answer 1

我建议您使用role="alertdialog"或role="dialog"。这有助于屏幕阅读器选择读取灯箱的内容。