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

Question

目前正在尝试使网站的一部分对屏幕阅读器(Jaws、MacVoice over 等)更具可读性。页面上的其中一个按钮会生成一个弹出窗口，而该弹出窗口又需要通知用户，问题是此弹出窗口是在 DOM 底部生成的，这意味着用户必须导航到 dom 的底部( tab through)以便甚至知道页面在那里。有谁知道解决这个问题的可能方法吗？

Answer 1

您可以尝试使用 javascript 将其从生成的位置中删除，并将其附加到用户更方便/合乎逻辑的位置。代码应该是这样的:

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