Question

我正在努力想出一个在我的html5页面上显示Access Key快捷方式的好方法。

有些地方建议使用链接/标签/标题/第一个字母作为访问键，以便直观。这些地方通常建议您“巧妙地”暗示用户它是一个访问键，通过与标题的其余部分进行不同的样式设置 - 即使其加下划线，或斜体或粗体。这听起来很丑陋，让人们认为这是一个错误！

其他地方建议使用数字作为访问键，以免与浏览器或设备内置访问键冲突。这些地方通常建议在括号内标题后显示访问键。这听起来更加丑陋，而且不太清楚！

是否有更好的方法来选择访问键，以及如何显示它们？

修改我真的很喜欢@ Luke2012建议使用字母和数字：

<input type="search" name="q" accesskey="s 0">

但是当它在IE中运行得很漂亮时，它会禁用firefox或chrome中元素的所有访问键。

Answer 1

您可以使用字母和数字作为访问键，这样可以在一系列设备上轻松实现。例如：

<form action="/search">
  <label>Search: <input type="search" name="q" accesskey="s 0"></label>
  <input type="submit">
</form>

s和0都会触发快捷键。

就向用户显示快捷方式而言，可以悬停的信息图标（如工具提示）来解释快捷键。或者是元素下方的一个微妙的虚线，它会在悬停时触发工具提示。

Answer 2

我想到了两个选项：

A）某些程序（例如CMS Plone）提供简短的自动概览，其中包含使用过的快捷方式列表。您可以在某些“帮助”页面上显示指向您用户的链接。

B）按 Alt 键时，访问键加下划线是很常见的。您可以使用JavaScript模仿这种行为。您甚至可以从HTML属性中读取给定的accesskey，并将第一个匹配的字符与span.accesskey或类似的东西括起来，以自动执行突出显示accesskey字符的任务。

如果你选择一封信，在我看来，他们可以更容易记住。

Answer 3

如何显示它们：使用kbd element。

在哪里显示它们：这取决于您的网站。通常，访问密钥对常规访问者很有用，而不适用于新用户。所以可能没有必要在每个页面上显示键，因为普通用户可能会记住它们。而是将此功能记录在单独的页面上（或作为相关现有页面的一部分）。

如果你应该使用它们，以及你应该以哪种方式向用户传达现有的访问密钥，最好在https://ux.stackexchange.com/讨论。