Focus

コンピューター用語では、フォーカスとは、ユーザーインターフェース内の要素を選択することです。項目に「フォーカスがある」場合は、キーボード入力を使って操作できます。たとえば、Webページの検索ボックス内をクリックすると、そのフィールドにフォーカスが移り、テキストを入力できるようになります。

フォーカスがあるテキストフィールドには、輪郭線や光輪などの視覚的な表示が現れることがよくあります。次の例では、Webフォーム内の「名前」フィールドにフォーカスがあります。

Webブラウザーでは、Tabキーを押して、ページ上のフォーカス可能な要素を順番に移動できます。テキストフィールドにはデフォルトでフォーカスを移せますが、Web開発者は、リンク、ボタン、その他の要素を含む別の項目にもフォーカスを移せるようにできます。また、tabindex HTML属性を使って、これらの項目の「タブ順」を指定することもできます。tabindex=0が割り当てられた要素は、ユーザーがTabキーを押したときにフォーカスされ、続いてtabindex=1、tabindex=2などの要素にフォーカスが移ります。

アクセシビリティ

項目にフォーカスを移すことは、アクセシビリティを必要とするユーザーにとって不可欠です。ほとんどのブラウザーはフォームフィールドにしかフォーカスを移しませんが、支援技術に対応したブラウザーでは、リンクやボタンなどの別の要素にもフォーカスを移せます。たとえば、ページのコンテンツ内のリンクにTabキーで移動してEnterキーを押す操作は、そのリンクをクリックするのと同じです。この技術により、ユーザーはマウスを使わずにWebページを移動できます。