4

哪些浏览器正在实现输入属性“ accesskey”?
行为是否跨浏览器一致?仅将其用作额外的数据属性
是否安全(例如标签上有时使用“ ”和“ ”)?accesskeyrelreva

另外,有没有办法在 JavaScript 中捕获“onaccesskeypress”?它只是触发一个 onclick 事件吗?

4

3 回答 3

2

accesskey有相当参差不齐的实施。Firefox 允许您使用任何字符作为accesskey值,而 Safari 似乎只允许使用数字字符(例如,在此页面上)。

下一个按钮映射到访问>键。它适用于 Firefox(Ctrl>Mac 上的 ,),但不适用于 Safari。

在我看来,如果键盘导航对您的网页至关重要,那么使用 JavaScript 是一个更好的选择。

我曾经得出结论的一些资源:[1][2]

编辑:经过更多的实验,Safari 似乎支持字母数字字符的访问键。执行它们的按键是CtrlAlt{ACCESSKEY}. 我仍然认为 JavaScript 是实现键盘导航的最佳方式,但为了清楚起见,我想我会添加这些信息。

于 2011-03-08T17:25:55.820 回答
2

浏览器支持:

所有主流浏览器都支持该accesskey属性。尽管已经有一些讨论这是否对可访问性是一件好事,但它仍然是 HTML 的一部分(从 HTML5 开始)。

一致的行为:

行为仅在浏览器和平台之间是一致的,因为按下一组特定的控制键和定义的accesskey键将激活链接。

根据定义,每个 Web 开发人员都可以根据自己的意愿自由定义访问密钥,并且对于通用链接没有统一的标准,例如“跳转到主要内容”、“主页”、“站点地图”等,所以网站之间没有一致性。请参阅下面的我的建议。

此外,用于访问这些键盘快捷键的控制键因浏览器和平台而异,浏览器版本之间也会有所不同。

关于访问密钥的Wikipedia 页面为大量浏览器提供了一个列表,并且应该为您提供一个最新列表。

安全地accesskey用作一个额外的数据属性:

我不确定你所说的“安全”是什么意思。以下是如何使用它的示例:

<a accesskey="9" href="/sitemap.html">Sitemap</a>

个人建议的访问密钥:

0 - 主页

9 - 站点地图

8 - 辅助功能页面(列出键)

1,2,3... - 主要导航项,仅限顶级

于 2012-02-29T09:45:47.657 回答
0

每个主要浏览器都支持accesskey(解析它并相应地分配键盘快捷键)。

问题在于每个浏览器的控制键都不同。在 Internet Explorer 上,它是Alt+ key,Firefox 使用Shift++ ,Mac使用Alt+ 。keyCtrlkey

于 2011-03-08T17:24:09.560 回答