accesskey
accesskey グローバル属性は、現在の要素のショートカットキーを生成するためのヒントを与えます。この属性は空白で区切った表示可能な文字(キーボードから生成できるアクセント付き文字やその他の文字を含む)から成ります。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | ≤4 | 18 | ≤3.2 | |
| DOM API | ||||||
| HTMLElement.accessKey プロパティは、ユーザーが押すとこの要素へジャンプすることができるキーストロークを設定します。 | 17 | 12 | 5 | 6 | 18 | 6 |
| HTMLElement.accessKeyLabel は読み取り専用プロパティで、要素に割り当てられたアクセスキーを(あれば)文字列で返します。それ以外の場合は空文字列を返します。 | | | 8 | 14 | | 14 |
基本構文
HTML
<button accesskey="s">Save (Alt+S)</button>
<a href="/help" accesskey="h">Help (Alt+H)</a> ライブデモ
実務での使いどころ
-
accesskey の活用
accesskey グローバル属性は、現在の要素のショートカットキーを生成するためのヒントを与えます。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。