【HTML Living Standard】accesskey属性の使い方
accesskey属性の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
accesskeyプロパティは、HTML要素にキーボードショートカットを割り当てるためのプロパティです。このプロパティは、すべてのHTML要素に対して指定できる「グローバル属性」の一つであり、ユーザーがキーボード操作のみでウェブページ上の特定の要素に素早くアクセスできるようにすることを目的としています。
具体的には、accesskeyプロパティにアルファベットや数字などのキーを割り当てると、そのキーとブラウザやオペレーティングシステムで定められた修飾キー（例えば、WindowsではAltキー、macOSではCtrl+Optionキーなど）を同時に押すことで、対象のHTML要素がアクティブになります。これにより、ユーザーはマウスを使わずに、リンクをクリックしたり、フォームの入力フィールドにフォーカスを移動させたり、ボタンを実行したりすることが可能になります。
この機能は、特にキーボード操作を好むユーザーや、身体的な制約によりマウス操作が難しいユーザーにとって、ウェブサイトのアクセシビリティを大幅に向上させます。ウェブアプリケーション全体の操作性を改善し、より多くの人々が快適に利用できるページを提供するために非常に有効です。ただし、システムやブラウザの既存のショートカットキーと重複しないように、慎重にキーを選ぶ必要があります。また、修飾キーの組み合わせはユーザーの環境によって異なるため、すべてのユーザーに共通の操作方法として案内する際には注意が必要です。accesskeyプロパティを適切に活用することで、ユーザー体験の向上に貢献できます。
公式リファレンス: HTML accesskey global attribute
構文(syntax)
1<button accesskey="s">送信</button>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません