Суть
Hover недоступен на тач-экранах, неудобен для моторики и клавиатуры, легко «потерять» при смещении курсора.
Проблемы и решения
- Нет мыши → контент не открыть: дублируйте на
:focus-visible / клик / кнопку.
- Увести курсор к тултипу трудно: дайте задержку и hit-area, не прячьте мгновенно.
- Случайное открытие — задержка появления.
- Важный контент только в hover — вынесите в постоянный UI.
- Клавиатура: тот же контент по фокусу, закрытие по Esc.
.tip:hover,
.tip:focus-within { }
Итог
Hover — усиление, не единственный способ. Focus + touch/click обязательны.