:focus-visible — обводка только для клавиатуры, не для каждого клика

Псевдокласс :focus-visible срабатывает, когда браузер считает, что фокус нужно показать — обычно при навигации с клавиатуры, а не при клике мышью.

Паттерн outline: none на :focus без :focus-visible — частая причина провалов аудита доступности.

- [:focus-visible — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible) — Синтаксис и примеры.

- [Focus — WCAG Understanding](https://www.w3.org/WAI/WCAG22/Understanding/focus-visible.html) — Критерий 2.4.7 Focus Visible.

---

## Дизайн-система

Задайте токен --focus-ring с offset 2px и контрастом ≥ 3:1 к фону кнопки.

Не полагайтесь только на смену background — при серых состояниях кольцо заметнее.