Использование псевдокласса :focus-visible для стилизации элементов в фокусе важно, потому что он позволяет:

• Выделять элементы только когда это действительно необходимо. 1 Например, при навигации с помощью клавиатуры или другого устройства ввода, которое не предоставляет визуальную обратную связь. 1
• Предотвращать нежелательные индикаторы фокуса. 2 Без :focus-visible стили фокуса будут применяться повсеместно, что приведёт к нежелательным и потенциально раздражающим визуальным сигналам для пользователей мыши или тачскрина. 2
• Настраивать стили фокуса специально для пользователей клавиатуры. 2 В результате все пользователи получают отточенный и подходящий для каждого устройства опыт. 2

Таким образом, :focus-visible помогает улучшить пользовательский опыт, делая веб-страницы более доступными и удобными. 1