Accessibility
What is focus-visible and when should I use it?
→ A CSS pseudo-class that applies focus styles only for keyboard navigation, not mouse clicks. It prevents focus outlines from appearing when clicking buttons.
Answer
What is focus-visible and when should I use it?
A CSS pseudo-class that applies focus styles only for keyboard navigation, not mouse clicks. It prevents focus outlines from appearing when clicking buttons.
Using :focus-visible instead of :focus gives a better user experience: keyboard users see focus indicators they need, while mouse users don't see outlines they find distracting. It's supported in all modern browsers.