HTMLアクセスキー属性
定義と使用法
accesskey属性は、要素をアクティブ化/フォーカスするためのショートカットキーを指定します。
注：ショートカットキーにアクセスする方法は、ブラウザによって異なります。
| Browser | Windows | Linux | Mac |
|---|---|---|---|
| Internet Explorer | [Alt] + accesskey | N/A | |
| Chrome | [Alt] + accesskey | [Alt] + accesskey | [Control] [Alt] + accesskey |
| Firefox | [Alt] [Shift] + accesskey | [Alt] [Shift] + accesskey | [Control] [Alt] + accesskey |
| Safari | [Alt] + accesskey | N/A | [Control] [Alt] + accesskey |
| Opera | Opera 15 or newer: [Alt] + accesskey Opera 12.1 or older: [Shift] [Esc] + accesskey |
||
ただし、ほとんどのブラウザでは、ショートカットを別のキーの組み合わせに設定できます。
ヒント：複数の要素が同じアクセスキーを持っている場合の動作は異なります。
- IE、Firefox：アクセスキーが押された次の要素がアクティブになります
- Chrome、Safari：アクセスキーが押された最後の要素がアクティブになります
- Opera：アクセスキーが押された最初の要素がアクティブになります
に適用されます
アクセスキーはグローバル属性の一部であり、任意のHTML要素で使用できます。
| エレメント | 属性 |
|---|---|
| すべてのHTML要素 | アクセスキー |
例
指定されたアクセスキーを持つ2つのハイパーリンク：
<a href="https://www.w3schools.com/html5" accesskey="h">HTML5</a><br>
<a href="https://www.w3schools.com/css3" accesskey="c">CSS3</a>
ブラウザのサポート
| Attribute | |||||
|---|---|---|---|---|---|
| accesskey | Yes | Yes | Yes | Yes | Yes |