Job is Tech

エンジニア・デザイナー向けの、お役立ちWEBマガジン

javascriptを使わなくてもaccesskeyでショートカット操作

W3Cから提供されているHTML5ドキュメントを読んでいると、accesskeyという見慣れない属性を見つけたので紹介してみます。

 

AccessKeyはキーボードのみでWEBページを見れるためのショートカットのようなものです。
コントロール + F で検索といったようによく使う動作を登録しておくと非常に便利になります。
始めにサンプル例で動作を見てみてください。
Windowsの場合は Alt + wキー
Macの場合は Alt + Control + mキー
それぞれのリンクに jとmのキーを割り当てています。
アクセスキーを呼び出すためにはサンプルのように
Windowsでは Alt
Macでは Alt + Control を同時押しする必要が有ります。
※キーはブラウザによっても変化

 

 

accesskeyは下記のようにaタグやinputなどに割り当てることで使用することができます。

<a accesskey=”m” href=”http://job-is.jp”>Macの場合は Alt + Control + Mキー</a>