🚀 新規事業
focus-visible-ring
最終更新 2026年05月08日 ／ 40_新規事業/SCALE_Build/カタログ/UIUX集/focus-visible-ring.md
フォーカスリングを見える化
原則
Tab キーで移動した要素にフォーカスリングが出る。
Do（良い例）
:focus-visible { outline: 2px solid accent; }
Don't（悪い例）
outline: none（どこにいるか分からない）
Tab キーで移動した要素にフォーカスリングが出る。
:focus-visible { outline: 2px solid accent; }
outline: none（どこにいるか分からない）