1

HTML5 ページにアクセス キーのショートカットを表示する良い方法を考え出そうとしています。

リンク/タブ/見出し/その他の最初の文字をアクセス キーとして使用することを推奨している場所もあります。これらの場所では通常、見出しの残りの部分とは異なるスタイル (つまり、下線、イタリック、または太字にする) によって、それがアクセス キーであることをユーザーに "さりげなく" 示唆することをお勧めします。これは非常に醜いように聞こえ、人々にそれがバグだと思わせるでしょう!

ブラウザーやデバイスの組み込みアクセス キーと競合しないように、数字をアクセス キーとして使用することを推奨しているサイトもあります。これらの場所では、一般に、括弧内の見出しの後にアクセス キーを表示することを推奨しています。これはさらに醜く、不明確に聞こえます。

アクセス キーを選択するより良い方法と、それらを表示する方法はありますか?

編集: @Luke2012 の、次のような文字と数字の両方を使用するという推奨事項が本当に気に入りました。

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

しかし、これは IE では美しく機能しますが、Firefox または Chrome では要素のすべてのアクセス キーが無効になります。

4

3 に答える 3

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 に答える