SYNCERのロゴ
アイキャッチ画像

accesskey属性 - アクセスキー

accesskey属性は、アクセスキーを設定するための属性です。アクセスキーを入力すると、例えば、対象のハイパーリンクやボタンをクリックできます。

概要

DOM Interface
HTMLElement.accessKey
仕様書
https://html.spec.whatwg.org/multipage/interaction.html#the-accesskey-attribute

アクセスキーのボタンを表す指定する。例えば、xをアクセスキーとした時、下記のようにアクションを起こせる。

Mac
Control + Option + xの同時押し。
Windows
Control + Alt + xの同時押し。

説明

accesskey属性の値にはボタンを指定して下さい。そのボタンがアクセスキーとなります。sをキーにしたいなら下記の通りです。

<a href="./" accesskey="s">リンク</a>

複数ある場合は、半角スペースで区切って指定します。複数指定した場合は、同時押しではなく、どちらかを押せば、という条件になります。下記の例ではs、または、0のボタンがアクセスキーとなります。2017年10月現在、複数指定はMacでは動作しませんでした。

<a href="./" accesskey="s 0">リンク</a>

デモ

accesskey属性のデモです。アクセスキーでリンクを開けるか、試してみて下さいね。

<!-- このコードは編集できます。 -->

<a href="https://syncer.jp/" target="_blank" id="hoge" accesskey="s">SYNCER</a>

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月3日 (火)
コンテンツを公開しました。