accesskey=""

更新日
仕様 HTML Living Standard
分類 グローバル属性

accesskey属性は、要素にアクセスキーを割り当てます。


<a href="index.html" accesskey="U">リンクテキスト(U)</a>

属性
グローバル属性
accesskey="" アクセスキー 文字 割り当てるキーの文字(半角スペース区切りで複数指定可能)

accesskey属性の用途

accesskey属性は、例えば次のような用途に使用することができます。

  • キーボードの操作でリンク先を開けるようにする。
  • キーボードの操作で入力欄を選択できるようにする。
  • キーボードの操作でコマンドを実行できるようにする。

accesskey属性の指定について

accesskey属性の値には、その要素に割り当てるアクセスキーを指定します。

次の例では、このリンクにUのキーを割り当てています。

<a href="index.html" accesskey="U">リンクテキスト(U)</a>

リンクテキスト(U)

Windowsの場合は、以下の操作でこのリンク先を開くことができます。

ChromeとEdgeの場合
キーボードのAltを押しながらUキーを押す。
Firefoxの場合
キーボードのAlt + Shiftを押しながらUキーを押す。

アクセスキーの候補

accesskey属性には、複数のアクセスキー候補を設定することもできます。(先に記述したアクセスキーが優先されます)

  • 複数のキーを設定する場合は、次のように半角スペースで区切って記述します。
<a href="index.html" accesskey="U 1">リンクテキスト</a>

上記の例では、テンキーしか持たないデバイス向けに、数字によるアクセスキーも設定しています。

指定できる要素

accesskey属性はグローバル属性のため、全てのHTML要素に指定することができます。

  • ただし、属性と要素の組み合わせによっては効果がない場合もあります。
旧HTMLからの変更点
  • HTML5:指定できる要素が大幅に増えました。(7種類の要素 → 全ての要素)
  • HTML5:複数のアクセスキー候補を設定できようになりました。
  • HTML5.1:複数のアクセスキー候補が設定できなくなりました。
  • HTML LS:再度、複数のアクセスキー候補を設定できようになりました。

使用例

リンクと入力欄にアクセスキーを設定した例

<p><a href="index.html" accesskey="L">グローバル属性(L)</a></p>

<p>名前(N):<input type="text" accesskey="N"></p>

表示例

グローバル属性(L)

名前(N):