【问题标题】:Make FF & Safari check boxes and buttons tabbable (tab between)使 FF 和 Safari 复选框和按钮可选项卡(选项卡之间)
【发布时间】:2011-10-24 14:27:40
【问题描述】:

我喜欢 IE 的一件事(也许是唯一的一件事)是如何在输入框、复选框和操作按钮之间切换。我认为这让填写表格变得更加快捷方便。

Safari 和 FF 将在文本输入框之间切换,但完全忽略复选框和操作按钮。

我可以强制 Firefox 和 Safari 让我的用户在输入框、复选框和操作按钮之间切换吗?我将如何编码?

感谢您的帮助。

【问题讨论】:

    标签: internet-explorer button tabs checkbox


    【解决方案1】:

    我在 Safari 上遇到了类似的问题。显然 Safari 默认会跳过选项卡旋转中的复选框、按钮和锚点(无论“tabindex”设置如何)。

    为了让 Safari 正确聚焦这些输入元素,您需要启用位于 Safari 偏好设置的高级选项卡中的“辅助功能”设置。 “按 TAB 突出显示网页上的每个项目。”选中此设置后,选项卡顺序按预期工作(如 chrome),并且可以通过将 tabindex 属性设置为 -1 从选项卡轮换中删除项目。

    在不启用此设置的情况下手动强制聚焦这些元素确实有效,但需要附加到包围元素的额外代码来捕获选项卡和/或 shift-tab 以手动聚焦。

    花了太多时间尝试围绕这个 Safari 功能编写代码!

    【讨论】:

    • 在 Safari 10.1.2(最新版本)中。勾选选项“按 Tab 突出显示网页上的每个项目”。这存在于高级选项卡可访问性设置下的首选项中。
    【解决方案2】:

    在元素上手动设置tabindex 属性,按照它们应该被标记的顺序对它们进行编号。例如:<input type="button" tabindex="5" value="Do something" />

    【讨论】:

    猜你喜欢
    • 2011-12-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多