如何在JAWS中跳过正在阅读的内容来读取jquery模式弹出式DIV元素

Question

我们有一个网站，使用jQuery来显示一个模式弹出。当用户点击我们的一个按钮时，我们正在加载/绑定模态弹出框到一个DIV，然后显示一个DIV，其中包含叠加顶部的实际弹出框。我如何在模态中获得焦点当它弹出时，屏幕阅读器停止它正在做的事情并开始在模态中阅读。

 $("#EditPageForm").dialog({
                     autoOpen: true,
                     position: { my: "center", at: "center", of: window },
                     width: 650,
                     resizable: false,
                     title: 'Edit Page',
                     modal: true,
                     open: function () {
                         $(this).load('@Url.Action("EditPage", "Page")');  
                         $(this).focus();
                     },
                     buttons: {....}
});

(美元).focus ();并没有真正关注弹出窗口

谢谢

Answer 1

Jquery focus只适用于可聚焦的元素。表单或链接。

存储当前的焦点位置，并在打开弹出窗口之前对页面中的每个表单和链接使用tabindex=-1，在弹出窗口上使用tabindex=0并对其进行聚焦。当关闭弹出焦点时，存储的焦点位置。

使用这个解决方案，用户无法将焦点放在弹出框的"下方"。并在关闭弹出窗口后检索位置。