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>
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:再度、複数のアクセスキー候補を設定できようになりました。