focus-visible

focus-visible is a CSS pseudo-class that indicates when an element is in focus and is visible to the user. It is intended to improve the accessibility of web content by making it clear which element has focus, especially for users who rely on keyboard navigation. The focus-visible pseudo-class is usually applied to interactive elements such as buttons, links, form controls, and other elements that can receive focus. When an element has focus and is visible, it can be styled differently from other elements, such as with a border or outline, to make it stand out more clearly.