accesskey - キーボード用のショートカットキーを設定する

accesskeyは、キーボード用のショートカットキーを設定するためのグローバル属性です。値には、キーボードのボタンを指定して下さい。半角スペースで区切って複数のキーを割り当てることができます。ブラウザの端末が指定したキーを備えていない場合は無視されます。ショートカットキーは単体のボタンで動作するわけではなく、OS、ブラウザごとに操作方法が違う可能性があります。タッチデバイスのスマホでは利用できませんが、端末にボタンが付いているガラケーなら利用できます。

説明

下記は、ハイパーリンク(a要素)に、ショートカットキー、sボタンを設定したサンプルです。Macの場合はControl + Option + s、Winodwsの場合はControl + Alt + sを同時押しで、ガラケーならそのままボタンを押せば、リンクが開くはずです。

HTML

<!-- [s]をショートカットキーに設定する -->
<a href="http://syncer.jp/" accesskey="s"><kbd>s</kbd>でリンクを開く</a>

複数のボタンを設定する

accesskeyには、半角スペースで区切って複数のボタンを指定することができます。この複数のボタンとは、同時に押さなければいけないボタンのことではなく、「指定したどのボタンもショートカットキーになる」という意味です。端末が備えていないボタンを指定した場合、無視されます。…しかしながら、2015年12月現在、こういう仕様ではあるのですが、複数のボタンを設定すると私の環境(Mac)では、残念ながら各ブラウザとも動作しませんでした。

HTML

<!-- [1]と[s]をショートカットキーに設定する -->
<a href="http://syncer.jp/html/" accesskey="1 b" target="_blank"><kbd>1</kbd>か<kbd>b</kbd>でリンクを開く</a>

参考情報

  • accesskey … W3Cの勧告。accesskey属性についての説明です。