Когда уместно убирать визуальный outline у сфокусированного элемента?

Question

Accepted Answer

## Прямой ответ
Почти **никогда** «просто убрать». `:focus { outline: none }` без замены ломает клавиатурную навигацию.

## Когда можно убрать дефолтный outline
Только если вы даёте **равноценный** кастомный индикатор фокуса (кольцо, толстая обводка, контрастный фон) на `:focus-visible`.

```css
button:focus {
  outline: none; /* плохо в одиночку */
}
button:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}
```

Иногда скрывают индикатор только для мыши через `:focus-visible`, оставляя его для клавиатуры — это ок.

## Итог
Убрать браузерный outline можно лишь заменив его видимым focus style. Иначе это баг доступности.