ブラウザごとのアクセスキーの利用方法

2018年12月04日更新 | タグ: アクセシビリティ

アクセスキー（accesskey）属性というのは、リンク、アンカー、フォーム内のinput要素などにその属性として、任意の文字を指定すると、Alt キー（Macintosh であれば control キー）とその任意の文字との組み合わせを押すことによって、リンク先への移動や、フォーム入力欄への移動を、マウスを用いることなくできるようにする属性です。

ブラウザごとにアクセスキーへの対応が異なる点や、割り振る文字についてスタンダードなガイドラインがなく、普通のウェブサイトでは、なかなか使いどころがないのですが、ウェブシステムのようなものであれば、便利なこともあるかもしれません。

一般用途のウェブサイトやウェブアプリの多くでは、 accesskey を使用しないよう一般的にアドバイスされています。

accesskey - HTML: HyperText Markup Language | MDN

ちなみにガラケー時代には、数字に割り当てる（8で、ページ先頭にいくなど）ことでそれなりに便利に使えていた時代もありました。

Windows のブラウザの場合のアクセスキー
Internet Explorer 3	使用できません。
Internet Explorer 4	`Alt`とアクセスキーを押すことによってリンクであればリンク先へ移動。
Internet Explorer 5〜11	`Alt`とアクセスキーを押すことによってフォーカスが移動。あらためて`Enter`や`Space`を押せばリンク先への移動やsubmitなどができます。
Microsoft Edge	`Alt`とアクセスキーを押すことによってリンクであればリンク先に移動します。
Netscape Navigator 4.7	使用できません。
Netscape 6以降	`Alt`とアクセスキーを押すことによってリンクであればリンク先へ移動。
Homepage Reader 3.01	使用できません。
Opera	Shiftを押しながら`ESC`を押下すると、アクセスキーの一覧が表示されるので、ここでアクセスキーを選ぶことでリンクであればリンク先へ移動。

Macintosh のブラウザの場合のアクセスキー
Internet Explorer 5まで	使用できません。
Internet Explorer 5以降	`control`とアクセスキーを押すことによってリンクであればリンク先へ移動します。
Netscape Navigator 4.7	使用できません。

Macintosh OS X のブラウザの場合のアクセスキー
Safari 1.2	`control`とアクセスキーを押すことによってリンクであればリンク先へ移動します。
Safari	`control`と`option`と、アクセスキーを押すことによってリンクであればリンク先へ移動します。
Firefox	`control`と`option`と、アクセスキーを押すことによってリンクであればリンク先へ移動します。
Google Chrome	`control`と`option`と、アクセスキーを押すことによってリンクであればリンク先へ移動します。
Opera	`Shift`を押しながら`ESC`を押下すると、アクセスキーの一覧が表示されるので、ここでアクセスキーを選ぶことでリンクであればリンク先へ移動。
Vivaldi	`control`と`option`と、アクセスキーを押すことによってリンクであればリンク先へ移動します。

(accesskey = A)

アクセスキー動作確認用

Google (accesskey = G)
Bing (accesskey = B)
(accesskey = S)
(accesskey = C)
(accesskey = T)