ダイレクトキー
ダイレクトキーで使いやすく
ダイレクトキーを利用すると、わざわざカーソルを合わせなくとも、数字のボタンを押すだけでアクセスすることが可能になります。これをうまく使うと、見やすい・使いやすいサイトを作る事が出来ます。
アクセスキーとして指定できるのは、「0～9」と、「#」と「*」です。
※「#」と「*」は一部機種で扱えない場合があるので注意してください。
■コンテンツタイトル
├<a href="#" accesskey="1">1.メニュー</a>
├<a href="#" accesskey="2">2.メニュー</a>
└<a href="#" accesskey="3">3.メニュー</a>
├<a href="#" accesskey="1">1.メニュー</a>
├<a href="#" accesskey="2">2.メニュー</a>
└<a href="#" accesskey="3">3.メニュー</a>
ダイレクトキーを利用する場合は、上記のように<a>タグに「accesskey="数字"」という属性を追加して記述します。
数字はそれぞれ、携帯電話のキーに対応します。「accesskey="1"」は数字の「1」を押した場合、そのリンクにアクセスされます。上記のソースで言えば「1.メニュー」をクリックしたと同じ動作をさせることが出来ます。
数字の使い方は自由に利用させることが出来ますが、サイトごとに違った使い方をしてしまうと、逆にユーザーが混乱して使いにくくなってしまいます。
そこで、Yahoo!モバイルを例に挙げると、
「1～9」はコンテンツメニューなどの項目の選択
「0」はトップページに戻る
という使い方をしています。他の携帯サイトでもこのような使い方が多いので、同じような使い方をオススメします。
