learning$css

:focus-visible

PrevNext
Term side of the Card
Topic: Pseudo Classes
Unit title: :focus-visible
Categories: Pseudo-class
Explanation side of the Card

Explanation: The pseudo-class that applies styles to an element only when it receives focus and is also being interacted with using a keyboard or other assistive technology. This helps create a more accessible experience by showing focus outlines only when they are useful for navigation.

Browser compatibility:
  • The chrome browser supports this feature starting from version 86
  • The edge browser supports this feature starting from version 86
  • The firefox browser supports this feature starting from version 85
  • The safari browser supports this feature starting from version 15.4
Availability: