通过 TAB 键导航答案

【问题标题】：Navigate through the TAB key通过 TAB 键导航
【发布时间】：2011-10-12 13:12:51
【问题描述】：

我正在开发 LAMP 应用程序。在我的应用程序中，我使用iframe。我想通过 Tab 键浏览我的应用程序。一切都好。但是 Tab 选择不会进入IFRAME。

有没有人回答这个问题

<html>
<body>
<div>
other codes..
</div>
    <div id="main-content1" style="position:absolute;float:none;top:80px;margin-left:170px;width: 830px;">
              <iframe onload="IfarmeOnload();"  style="display:block; margin-left:none;  margin-right:none; width: 100%; height: 100%;" src="<?php echo $home; ?>" id="rightMenu" name="rightMenu"   frameborder="0">
              </iframe>

    </div>



    </body>
</html>

【问题讨论】：

您能列出使用 iframe 的 3 个充分理由吗？我确信有更好的方法。
我正在通过 echo $home 变量将所有内容加载到 iframe 中； $home 可变内容网站内容
在这种情况下，使用 ajax 来加载内容。不要使用 iframe 来显示您自己的应用程序的内容。通常，iframe 可用于显示来自其他域的内容，或者如果它们是绝对不可避免的（如 facebook 社交插件）。

标签： html iframe client-side tabindex

【解决方案1】：

是的！它有一个规范，称为 WAI-ARIA 及其可访问性：http://www.w3.org/WAI/PF/aria-practices/#focus_tabindex

【讨论】：

【解决方案2】：

你好，自己找到了 SF 对此的灵感

请看这个

Tab Index on div 问候

【讨论】：

【解决方案3】：

查看浏览器的文档以了解在帧之间导航的快捷键。

完成此操作后，您应该能够导航到 iframe，然后使用 Tab 键进行进一步导航 - 或者如果您的浏览器没有用于该操作的快捷键- 你对此无能为力。

【讨论】：

我正在使用 Chrome 我可以在 Gmail 中看到它使用 tab 键可以正常工作，但在我的应用程序中却没有
@Roshan：Gmail 可能会利用 javascript 中的关键事件处理并手动更改焦点位置。然而，这并不总是可行的，而且对于跨浏览器体验来说也不是微不足道的。只需在 gmail 代码中查看它是如何完成的即可获得印象。只使用浏览器的热键应该总是有效的。