A feature that shows focus only when it’s necessary and visible to the user, such as during keyboard navigation.
:focus-visible は、キーボード操作などで要素にフォーカスが移ったときにだけ適用される疑似クラスです。
通常の :focus はマウス操作でも必ず反応しますが、:focus-visible は「見える形でフォーカスを示すべきとき」だけ反応します。
これによって、マウスでクリックしたときに余計な枠線（アウトライン）が表示されず、キーボードで操作するときはフォーカスの枠線がしっかり出て、ユーザーに操作位置がわかりやすくなります。
つまり 「必要なときだけフォーカスの見た目を出せる」 のが最大の特徴です。