【ホームページ作成】ショートカットキーでリンクやボタンを操作可能にする

便利なショートカットキー

WindowsやMacなどのOSや、その他のソフトウェアにはたいてい「ショートカットキー」が用意されています。 用途は、マウスを使わなくてもキーだけで操作ができるようにすることだったり、アクセスしにくい場所に用意された機能を簡単に呼び出すためだったりします。

例えばテキスト編集時では、[Ctrl]＋[X]で切り取り、[Ctrl]＋[V]で「貼り付け」などがありますね。慣れてくると、マウスを使うよりもショートカットキーを利用する方が圧倒的に早く作業ができるようになり、とても便利です。

ウェブページでもショートカットキーを用意できる

ウェブページ上の様々なリンクや入力フォームなどは、キー1つで移動できるようにはなっていないことがほとんどです。しかし、ウェブページ上のアイテムにも、ショートカットキーを割り振ることができます。

というわけで今回は、ウェブページ上に存在する各機能に対して、任意のショートカットキーを割り当て、キーボードだけで操作できるようにする方法をご紹介いたします。

どんなメリットが？

もしあなたのウェブサイトが、頻繁に利用されるような機能をたくさん提供している場合、アクセス者は毎回マウスでスクロールしたりリンクをクリックしたりするのを面倒に感じているかも知れません。そんなとき、ショートカットキーがあれば、キーを押すだけで利用できるので便利になります。

たくさんの機能を提供しているわけではない場合でも、 マウスの使えない環境や、マウスが使いにくい状態、マウスが壊れてしまった端末などからの アクセスが容易になるということで、アクセシビリティ上望ましいとも言えます。

実現はとても簡単です。
スクリプトは使用しません。最大で、わずか14文字を書き加えるだけです。

それでは、早速、ショートカットキーを割り当ててみましょう。

それでは、次のページへ！ →