フォーカスの可視化

解説

まず"キーボード"を先に読み、キーボードでの操作を確保することの重要性を確認してください。キーボードでしか操作できない利用者にとって、フォーカスの可視化、操作対象を把握するために非常に重要な役割を果たします。

要素とブラウザによっては、フォーカスを受け取っても、デフォルトではフォーカスが可視化されない場合もあります。CSSで明示的にoutlineを付与すると良いでしょう。

原則 操作可能 ユーザインタフェース コンポーネント及びナビゲーションは操作可能でなければならない。
ガイドライン ナビゲーション可能 利用者がナビゲートしたり、コンテンツを探し出したり、現在位置を確認したりすることを手助けする手段を提供すること。
達成基準 フォーカスの可視化
(2.4.7 AA)
キーボード操作が可能なあらゆるユーザインタフェースには、フォーカスインジケータが見える操作モードがある。

達成方法集のURL