1

我正在尝试想出一种在我的 html5 页面上显示访问键快捷方式的好方法。

有些地方建议使用链接/标签/标题/任何内容的第一个字母作为访问键，以便直观。这些地方通常建议您通过与标题的其余部分不同的样式来“巧妙地”向用户暗示它是一个访问键——也就是说，使其带有下划线、斜体或粗体。这听起来会很丑陋，并且让人认为这是一个错误！

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

有没有更好的方法来选择访问密钥，以及如何显示它们？

编辑： 我真的很喜欢@Luke2012 的建议，即同时使用字母和数字，例如：

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

但是，虽然这在 IE 中运行良好，但它会禁用 Firefox 或 chrome 中元素的所有访问键。

4

3 回答 3

0

我想到了两个选择：

A) 一些程序，例如 CMS Plone，提供简短的、自动的概述以及使用的快捷方式列表。您可以向您的用户显示一个链接到一些解释这些内容的“帮助”页面。

B) 当按下Alt。您可以使用 JavaScript 模仿这种行为。您甚至可以从 HTML 属性中读取给定的 accesskey，并用 aspan.accesskey或类似的东西将第一个匹配的字符括起来，以自动执行突出显示 accesskey 字符的任务。

如果你选择一个字母，在我看来它们更容易记住。

于 2014-01-22T23:03:53.990 回答
0

您可以使用字母和数字作为访问键，这使得在一系列设备上更容易。例如：

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

两者s都会0触发快捷键。

至于向用户显示快捷方式，可以悬停的信息图标（如工具提示）以解释快捷方式键。或者元素下方的一条微妙的虚线，当悬停时将触发工具提示。

于 2014-01-22T23:00:31.997 回答
0

如何展示它们：使用kbd元素。

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

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

于 2014-01-23T01:09:26.190 回答