ＷＥＢ用語(N)
accesskey=key - アクセスキー
トップ >
HTMLリファレンス >
accesskey=key
属性
<タグ名 accesskey=key> - アクセスキー
説明
アクセスキーは、マウスの使えない環境でも、リンクにジャンプする、ボタンを押す、入力フォームにフォーカスを移すなどの操作を簡単に行うことができるように考慮されたものです。Windows の「ファイル(F)」メニューについている、F と同じような働きをします。
<a href="xx.htm" accesskey=1>〜</a> と指定した場合、ブラウザに応じて次のような動作をします。
| ブラウザ | 説明 |
|---|---|
| IE4.0（Win版） | ALT+1 で、そのリンク先にジャンプします。 |
| IE5.0（Win版） | ALT+1（ALTキーを押しながら1キーを押す）で、そのリンクが選択状態になります。選択状態で Enter キーを押すと、そのリンクにジャンプします。 |
| IE5.0（Mac版） | Ctrl+1 で、そのリンクにジャンプします。 |
| Netscape 6.0 | Alt+1 で、そのリンクにジャンプします。 |
| i-mode | 数字キーを押すと、そのリンクにジャンプします。 |
ラベルを持つ入力コントロールの場合は、<label> で指定したラベルに accesskey を指定するのが作法のようです。下記の「使用例」を参照してください。
使用例
| HTMLソース |
|---|
<form action=""> <div> <a href="accesskey.htm" accesskey="j">ジャンプ(<u>J</u>)</a> </div> <div> <label for="t1" accesskey="b">ブラウザ名(<u>B</u>)：</label> <input type="text" id="t1" name="BROWSER"> </div> <div> <input type="radio" id="r1" name="YESNO" value="YES" checked> <label for="r1" accesskey="y">はい(<u>Y</u>)</label> <input type="radio" id="r2" name="YESNO" value="NO"> <label for="r2" accesskey="n">いいえ(<u>N</u>)</label> </div> <div> <input type="checkbox" id="c1" name="Win"> <label for="c1" accesskey="w">Windows(<u>W</u>)</label> <input type="checkbox" id="c2" name="Mac"> <label for="c2" accesskey="m">Macintosh(<u>M</u>)</label> </div> </form> |
Alt キー（Mac の場合は Ctrl キー）を押しながら、J、B などのキーを押してみてください。
| ブラウザ表示例 |
|---|
補足
Internet Explorer 5.0 では、フォーム部品に限らず、<b> や <h1> など、ほとんどのタグに accesskey を指定できるようになりました。この場合、tabindex 属性と共に使用します。
<h1 tabindex=1 accesskey="h" onfocus="alert('HELLO')">ようこそ</h1>
何故か HTML4.01 では、<select> に対して accesskey が定義されていません。これに従って、Netscape 6 でも <select> に accesskey を指定することができません。ちょっと変ですね。
