このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
HTML accesskey グローバル属性
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
accesskeyグローバル属性は、現在の要素のショートカットキーを生成するためのヒントを与えます。この属性は空白で区切った表示可能な文字(キーボードから生成できるアクセント付き文字やその他の文字を含む)から成ります。
In this article
試してみましょう
<p>If you need to relax, press the <b>S</b>tress reliever!</p><button accesskey="s">Stress reliever</button>b { text-decoration: underline;}アクセスキーを有効にする方法は、ブラウザーやプラットフォームによって異なります。
| Windows | Linux | Mac | |
|---|---|---|---|
| Firefox | Alt +Shift +key | Control +Option +key またはControl +Alt +key | |
| MS Edge | Alt +key | Control +Option +key またはControl +Option +Shift +key | Control +Option +key |
| Google Chrome | |||
| Safari | なし | Control +Option +key | |
| Opera | Alt +key | Control +Alt +key | |
アクセシビリティの考慮
accesskey 属性は、ブラウザーの対応が貧弱であることに加え、数々の考慮事項があります。
accesskeyの値はシステムやブラウザーのショートカットキーや支援技術の機能と競合する可能性があります。あるオペレーティングシステム、支援技術、ブラウザーの組み合わせで動作しても、他の組み合わせでは動作しない可能性があります。- 特に国際化を考慮している場合、特定の
accesskeyの値が特定のキーボードに存在しないことがあります。そのため、特定の言語において更なる問題が発生する可能性があります。 - 数字に依存した
accesskeyの値は、認知障碍を持つ人に混乱を招く可能性があります。数字には、起動する機能と論理的な関連性がありません。 accesskeyが存在することをユーザーに通知することで、ユーザーはその機能を認識します。システムがその機能について知らされる方法がない場合は、accesskeyが誤って有効になる可能性があります。
これらの問題のため、一般用途のウェブサイトやウェブアプリの多くでは、accesskey を使用しないよう一般的にアドバイスされています。
仕様書
| Specification |
|---|
| HTML> # the-accesskey-attribute> |