accesskey属性

accesskey属性は、要素にアクセスキー（アクセラレータキー、ショートカットキー）を割り当てるグローバル属性。

ブラウザ対応

構文

<element accesskey="アクセスキー">
アクセスキー
半角の英数字か記号の１文字を指定。

要点

  • 要素にアクセスキー（アクセラレータキー、ショートカットキー）を割り当てる。
  • アクセスキーを割り当てることで、アクセスキーとALTキーを同時に押したとき、該当するアクセスキーの要素にフォーカスを当てたり、クリックイベントを発生させたりできる。
  • 2014年3月3日現在、IEやChromeの場合、同時に押すのは「ALTキー」と「アクセスキー」の２つのキーだが、Firefoxの場合、「ALTキー」と「Shiftキー」と「アクセスキー」の３つのキーを同時に押す必要がある。
  • 全てのHTML要素で使用できるグローバル属性である。

サンプルコード

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

サンプル

HTMLソースコード

<a href="index.html" accesskey="g">グローバル属性(g)</a>｜
<a href="accesskey.html" accesskey="a">accesskey属性(a)</a>｜
<a href="class.html" accesskey="c">class属性(c)</a>

実際の表示

グローバル属性(g)｜ accesskey属性(a)｜ class属性(c)

サンプルの動作について

  • 「ALTキー」と「g」キーを同時に押すと、「グローバル属性(g)」のリンクテキストをフォーカスするか、「グローバル属性」のページを開く。
  • 「ALTキー」と「a」キーを同時に押すと、「accesskey属性(a)」のリンクテキストをフォーカスするか、「accesskey属性」のページを開く。
  • 「ALTキー」と「c」キーを同時に押すと、「class属性(c)」のリンクテキストをフォーカスするか、「class属性」のページを開く。
  • 2014年3月3日現在、IEやChromeの場合、「ALTキー」と「アクセスキー」の２つのキーを同時に押す。Firefoxの場合、「ALTキー」と「Shiftキー」と「アクセスキー」の３つのキーを同時に押す。