Html 屏幕阅读器找不到弹出窗口

目前正试图使网站的某一部分对屏幕阅读器更具可读性（Jaws、MacVoice等）。页面上的一个按钮会生成一个弹出窗口，用户需要得到通知，问题是这个弹出窗口是在DOM的底部生成的，这意味着用户必须导航到DOM的底部（通过选项卡）才能知道页面在那里。有人知道解决这个问题的可能方法吗？

您可以尝试使用javascript将其从生成的位置删除，并将其附加到用户更方便/逻辑的位置。代码应该类似于：

$('#amoreconvenientplaceforthebuttonID').append($('#mybuttonID'));
$('#mybuttonID').remove();

---

这似乎是一个可靠的方法。你能想出一些对页面结构影响较小的方法吗？我担心这样的手术会有不可原谅的后果。我同意，但就我目前所能想到的，这是唯一的解决办法。。或那是什么样的弹出窗口？你能提供更多关于你的代码的细节吗？也许你可以在需要的地方设置弹出窗口的渲染。在我们的例子中。我们有一组不同的html片段附加到正文中。因此，在页面的底部，是否有一个屏幕阅读器特定的“焦点”可以关注新元素？可能是html内置的ARIA功能中的某些内容？请先尝试阅读文档

role=“alertdialog”