入力属性 " " を実装しているブラウザはaccesskey
?
動作はブラウザ間で一貫していますか? 追加のデータ属性として
使用しても安全ですか(" " と " " がタグで使用されることがあります)?accesskey
rel
rev
a
また、JavaScript で「onaccesskeypress」をキャプチャする方法はありますか? onclickイベントを発生させるだけですか?
入力属性 " " を実装しているブラウザはaccesskey
?
動作はブラウザ間で一貫していますか? 追加のデータ属性として
使用しても安全ですか(" " と " " がタグで使用されることがあります)?accesskey
rel
rev
a
また、JavaScript で「onaccesskeypress」をキャプチャする方法はありますか? onclickイベントを発生させるだけですか?
accesskey
かなりむらのある実装があります。Firefoxでは任意の文字をaccesskey
値として使用できますが、Safariでは数字しか使用できないようです(たとえば、このページ)。
次のボタンはアクセスキーにマップされます>
。Firefox(Ctrl>Macの場合)では動作しますが、Safariでは動作しません。
私の意見では、キーボードナビゲーションがWebページに不可欠である場合、JavaScriptを使用する方がはるかに優れたオプションです。
編集:もう少し実験した後、Safariは英数字のアクセスキーを尊重しているようです。それらを実行するためのキーストロークはCtrlAlt{ACCESSKEY}です。JavaScriptはキーボードナビゲーションを実装するための最良の方法だと思いますが、わかりやすくするためにこの情報を追加したいと思いました。
ブラウザのサポート:
すべての主要なブラウザがこのaccesskey
属性をサポートしています。これがアクセシビリティにとって良いことかどうかについては議論がありましたが、HTML の一部として残っています (HTML5 の時点)。
一貫した動作:
accesskey
特定のコントロール キーのセットと定義されたキーを押すとリンクがアクティブになるという点で、動作はブラウザとプラットフォーム間でのみ一貫しています。
定義上、すべての Web 開発者は自由にアクセス キーを自由に定義できます。また、「メイン コンテンツにジャンプ」、「ホーム」、「サイトマップ」などの一般的なリンクについて合意された標準はありません。ウェブサイトごとに一貫性がありません。以下の私の提案を参照してください。
また、これらのキーボード ショートカットにアクセスするためのコントロール キーは、ブラウザーやプラットフォームごとに異なり、ブラウザーのバージョン間でも変更が加えられることがあります。
アクセス キーに関するウィキペディアのページには、多数のブラウザーのリストがあり、最新のリストを提供する必要があります。
追加のデータ属性として安全に使用accesskey
できます。
「安全」という言葉の意味がわかりません。使用方法の例を次に示します。
<a accesskey="9" href="/sitemap.html">Sitemap</a>
個人的に推奨されるアクセス キー:
0 - ホーム
9 - サイトマップ
8 - アクセシビリティ ページ (キーのリスト)
1,2,3... - メイン ナビゲーション アイテム、最上位のみ
すべての主要なブラウザーがサポートaccesskey
しています(それを解析し、それに応じてキーボード ショートカットを割り当てます)。
これに関する問題は、コントロール キーがブラウザごとに異なることです。Internet Explorer ではAlt+ key、Firefox ではShift+ Alt+ key、Mac ではCtrl+keyです。