accesskey属性

<タグ accesskey="ショートカットキー">

• <A>　<AREA>　<BUTTON>　<INPUT>　<LABEL>　<LEGEND>　<TEXTAREA>
  の要素で指定できる。
• ショートカットキーがつくれる。
  • その指定したキーを【ALT】キーと一緒に押すとそこへフォーカス移動する。
    （ブラウザ、機種によって【cmd】キー、【Ctrl】キーの場合もある ）
  • リンクの場合は、そこでキーボードの【Enter】キーを押せばそのページに移動。
    （Netscape7などブラウザによっては【Enter】キーなしで即ジャンプする場合もある）
  • Windowsのメニューの、ファイル（F）　編集（E）...　というショートカットキーがある。
• 半角英数字 で指定する。
• i-modeの場合は数字のみしか指定できない。（その数字キーを押すとジャンプする）

HTMLソース

<FORM action="cgi-bin/xxx.cgi" method="post">

<P>
<A href="index.html" accesskey="a">リンクA</A>(<U>A</U>)<BR>
<A href="index.html" accesskey="b">リンクB</A>(<U>B</U>)
</P>

<P>
<LABEL for="namae" accesskey="c">名前(<U>C</U>)：</LABEL>
<INPUT type="text" id="namae" name="NAME">
</P>

<P>
<LABEL for="q1" accesskey="y">はい(<u>Y</u>)</LABEL>
<INPUT type="radio" id="q1" name="YESNO" value="YES" checked>
<LABEL for="q2" accesskey="n">いいえ(<u>N</u>)</LABEL>
<INPUT type="radio" id="q2" name="YESNO" value="NO">
</P>

<P>
<LABEL for="p1" accesskey="w">Windows(<u>W</u>)</LABEL>
<INPUT type="checkbox" id="p1" name="Win">
<LABEL for="p2" accesskey="m">Macintosh(<u>M</u>)</LABEL>
<INPUT type="checkbox" id="p2" name="Mac">
</P>

<P>
メッセージ(<U>X</U>)：
<TEXTAREA name="xxx" rows="6" cols="30" accesskey="x"></TEXTAREA>
</P>

</FORM>

解説

• 以下のサンプルで、【ALT】キー（ 【cmd】キー、【Ctrl】キー ）と一緒に　A 、 B 、 C 、 Y 、 N 、 W 、 M　のキーを押してみてください。
• マウスがなくても簡単にできるようにするためのものなので、そこにショートカットキーがあることがはっきりわかるようにしたほうがよい。
  （ショートカットキーはよく下線をひいて表現される）