ywork2020.com

Title

アクセスキー属性を使えば、キーボードのキーからHTML要素にアクセス出来る

accesskey属性の概要

HTML要素にアクセスするショートカットキーを設定できます。
キーボードのキーでリンクにジャンプする、ボタンを押す、入力フォームにフォーカスするなどの操作が出来ます。

実機サンプル

このページのフッターに移動(F)

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>
関連のあるページ
参考になるサイト
ここがフッターです。(idFooterP)