:focus-visible
The :focus-visible pseudo-class applies while an element matches the :focus pseudo-class and the user agent determines via heuristics that the focus should be made evident on the element. 9.4. The Focus-Indicated Pseudo-class: :focus-visible
Links about :focus-visible
:focus-visible Is Here · Matthias Ott – User Experience Designer
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
Giving users and developers more control over focus
Chrome 86 introduces two new features that improve both the user and developer experience when it comes to working with focus The :focus-v...
Code sample
*:focus-visible {
outline: 2px solid #F0F;
}Explore other pages
- :nth-last-child()
Represents an element that has an+b-1 siblings after it in the document tree.
- aria-relevant
Indicates what notifications the user agent will trigger. "
- aria-flowto
Allows assistive technology to override the general default of reading in document source order.trigger. "
- h1 - h6
These elements represent headings for their sections.