我目前正在尝试开发符合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解决方案 .
1 回答
我建议你使用
role="alertdialog"或role="dialog". 这有助于屏幕阅读器选择读取灯箱的内容 .