フォーカスリング
Focus Ring
別名: フォーカスインジケーター
ライブデモ
説明
一言で説明
キーボード操作中に、現在どの要素が選択されているかを示す周囲の枠線。
いつ使う？
すべての操作可能な要素（ボタン、リンク、入力欄）。キーボード操作（タブ移動）を行うユーザーにとって必須。
💡 日常の言い方
「Tabキーで移動してるときに、今選んでるところを囲む青い枠とか」
似ている用語との違い
フォーカスリング vs ボーダー
ボーダーは常に表示される枠線。フォーカスリングは『操作のフォーカスが当たったときだけ』表示される強調表示。
AIへの指示例
すべての入力要素にカスタムのフォーカスリングを設定して。デフォルトのブラウザ枠を消し、代わりに2pxの太いオレンジ枠が出るようにして。