G149：フォーカスを受け取るときに、ユーザエージェントによって強調されるユーザインタフェース コンポーネントを使用する

概要

G149は、ウェブコンテンツ制作者がユーザエージェント（ブラウザなど）の標準機能を利用して、フォーカスを受け取った際に視覚的に強調されるユーザインタフェースコンポーネントを使用することを推奨するガイドラインです。これにより、ユーザーはフォーカス可能なコンポーネントを容易に識別し、ナビゲーションがしやすくなります。

このページでは、ウェブサイト制作でよく直面する課題に対して、基本的で取り組みやすい方法を紹介しています。
ただし、他にも対処すべき状況や多くの手段があり、具体的な状況に応じて最適な方法を選ぶことが大切です。

適用（対象）

こちらは、次の達成基準に関連する達成方法です。

• 2.4.7 フォーカスの可視化

目的

この達成方法の主な目的は、ユーザエージェントのサポートを活用して、利用者がフォーカス可能なコンポーネントを視覚的に識別できるようにすることです。標準的なユーザインタフェースコンポーネントは、フォーカスを受け取るとユーザエージェントによって自動的に強調されるため、追加のコーディングやカスタマイズが不要です。これにより、ユーザーは予測可能な方法でフォーカスの位置を把握できます。

実践的な方法

ウェブ制作者は、ユーザエージェントが提供する標準的なコントロールを使用して、フォーカスを受け取った際の視覚的な強調を実現できます。これにより、追加のカスタマイズやスクリプトの使用を最小限に抑えつつ、フォーカスインジケータの視認性を確保することができます。

まとめ

G149は、ユーザエージェントが提供する標準的なコントロールを活用してフォーカス可能なコンポーネントを視覚的に識別しやすくするためのガイドラインです。これにより、視認性の高いフォーカスインジケータを提供し、ユーザーが予測可能な方法でナビゲートできるようにしつつ、追加のコーディングやカスタマイズを最小限に抑えることができます。この実践により、キーボードナビゲーションを利用するユーザーのウェブコンテンツのアクセシビリティが大幅に向上します。