iframe - 如何将焦点从 "skip to main content"移动到 iframe 并访问 JAWS 中的 iframe 内容？

Question

场景:
在我的应用程序中，Iframe 中的内容从服务器端加载，整个标记来自后端。主 html 页面中有导航菜单按钮和跳转到主要内容链接。 iframe 主体的角色被指定为“应用程序”(也尝试使用文档)。删除“跳到主要内容”后，JAWS 会按预期读取 iframe 内容，但一旦启用“跳到主要内容”部分，JAWS 只会读取 iframe 中的第一行。我应该添加什么 aria 角色或属性，以便当焦点从“跳到主要内容”移动到 iframe 时，JAWS 应该开始阅读 iframe 中的全部内容？ 用于在 iframe 内移动焦点的示例代码:

window.skipNav = function(event) {
switch(event.type)
{
case "keydown":
if (event && event.keyCode == 13) {
setTimeout(setFocusIframe, 100);
}
break;
case "click":
setTimeout(setFocusIframe, 100);
break;
default:
break;

}

}

function setFocusIframe() {
this.iframe[0].contentWindow.document.body.focus()
// var f = jQuery("iframe:first")
// if(f.length > 0) {
// //f[0].contentWindow.document.body.focus();
// f[0].contentWindow.focus();
// console.log("skipNav-------------------------------------------------------->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
// }
}

Answer 1

尝试检查 document.activeElement 是否返回您试图关注的元素。

有时 jQuery .focus() 函数不会执行您期望的操作。