accesskey 属性 (HTMLグローバル属性)

キーボードショートカットキー

2018年03月08日

HTMLのaccesskey属性の説明です。accesskey属性は、要素のアクティブ化、またはフォーカスさせるためのキーボードショートカットキーを定義します。


目次

  1. 属性の記述例
  2. 属性の説明
  3. 利用可能な属性値

属性の記述例

accesskey属性を使ったHTML記述例
<nav>
  <p>
    <a accesskey="g" href="https://www.google.co.jp" target="_blank">Google</a> |
    <a accesskey="y" href="https://www.yahoo.co.jp" target="_blank">Yahoo</a> |
    <a accesskey="b" href="https://www.bing.com" target="_blank">Bing</a>
  </p>
</nav>

 

閲覧中ブラウザーでの表示結果

 

属性の説明

  • accesskey属性は、要素のアクティブ化、またはフォーカスさせるためのキーボードショートカットキーを定義します。
  • accesskey属性は、グローバル属性であるため、すべての要素で利用することができます。
  • ショートカットキーを実行する方法は、以下のとおりOSやブラウザによって異なります。

 

ブラウザ Windowsキー Macキー Linuxキー
Microsoft Edge [Alt] + accesskey
Google Chrome [Alt] + accesskey [Alt][Control] + accesskey [Alt] + accesskey
Mozilla Firefox [Alt][Shift] + accesskey [Alt][Control] + accesskey [Alt][Shift] + accesskey
Safari [Alt][Control] + accesskey
Opera [Alt][Control] + accesskey [Alt][Control] + accesskey [Alt][Control] + accesskey

 

利用可能な属性値

属性値 属性値の説明
半角英数字記号 対象要素のアクティブ化/フォーカスさせるためのショートカットキーを指定します。大文字、小文字は区別されます。

 

 

 

Programming Style