accesskey属性の概要
HTML要素にアクセスするショートカットキーを設定できます。
キーボードのキーでリンクにジャンプする、ボタンを押す、入力フォームにフォーカスするなどの操作が出来ます。
実機サンプル
accesskey属性の補足
アクセスキーの発動にはOSで大まかな決まりがあり、ブラウザやブラウザのバージョン毎に少し違いがあるようです。
Windows = [Alt]+[アクセスキー] 又は [Alt]+[Shift]+[アクセスキー] のブラウザが多いようです。
Mac = [Alt]+[Ctrl]+[アクセスキー] のブラウザが多いようです。
サンプルコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset = "utf-8">
<title>属性 : accesskey property | 独学 Webプログラミング! - YWORK</title>
</head>
<body>
<header>
ヘッダー領域
</header>
<main>
<a href="#idFooterP" accesskey="F">このページのフッターに移動</a>(<u>F</u>)
</main>
<footer>
<p id="idFooterP">ここがフッターです。(idFooterP)</p>
</footer>
</body>
</html>