Question

所以，我正在测试所有不同的HTML标签和属性，稍微提升一点，并且出于某种原因，accesskey似乎没有用。

accesskey属性用于为元素分配键。根据您的操作系统，按Alt +键（Windows）或Cmd +键（Mac）将关注该元素。

这是一些小事：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        a:focus{
            color:red
        }
    </style>
</head>
<body>
    <a accesskey="x" target="new" href="#">Hello</a>
</body>
</html>

所以我正在使用Windows机器。因此，当我按下Alt + x时，我希望锚点变红。但事实并非如此。代码有什么问题，或者我预计会发生错误的事情？

在Firefox上，没有任何反应。谷歌浏览器打开一个新选项卡（因为它应该，目标属性说“新”，这意味着在新的选项卡/窗口中打开）和IE跳转到锚点但不做任何进一步。

Answer 1

Firefox的accesskey修饰符是Shift + Alt。

Answer 2

如果你决定分配访问键（并且可能有一些很好的理由使用这个非常实现的功能），你应该看看WebAIM's page on accesskeys，它概述了你将面临的一些障碍。 / p>

有一件事，在Mac上大多数支持accesskeys的浏览器 - 除了Opera--使用Control not Command。 Opera显然使用了Shift-Esc ......谁知道？

Answer 3

当你在IE中有焦点时，你必须按Enter键才能跟随链接。

Answer 4

Alt + [访问密钥]

    Internet Explorer for Windows
    Chrome for Windows (not that Shift is required in some circumstances
    Safari for Windows

Shift + Alt + [访问密钥]

    Firefox for Windows

Ctrl + Option + [访问密钥]

Safari for Mac
Chrome for Mac
Firefox for Mac

Answer 5

在firefox中你需要按shift + alt。在IE中命中modifyer键只将焦点设置为该元素，这是设计的。这是我的屏幕阅读器只能访问的两个浏览器，因此无法向您提供有关其他浏览器的更多信息。

Answer 6

如果您在Mac上使用firefox，则应按ctrl +'您的访问密钥'。

HTML属性accesskey无法正常工作

6 个答案: