focus-indicator v0.0.0
Focus Indicator (focus-indicator)
Display focus indicator for the active intractable element in a webpage.
Why?
While accessing any digital interface, focus indicator, is very important. Focus indicator highlights the active intractable component or control. It is true for web pages also.
By default, every browser highlights the active intractable element. But sometimes, web developers, suppress it, which creates the problem.
For example, when accessing abc NEWS, via keyboard, active intractable elements are not visually identifiable.
Focus Indicator extension, to the rescue. As the name suggests, it highlights the active intractable element in a webpage.
If you prefer accessing web pages via keyboard, this extension will be super helpful.
Features / Notable characteristics
- it can be easily turned on and off using the extension icon
- either by clicking
- or by navigating to the focus-indicator icon, using
tab
key and pressingspace
- color of the focus indicator icon identifies the current state, ie, enabled or disabled
- enabled focus indicator icon
- disabled focus indicator icon
- when enabled, it supersedes existing
:focus{outline: <styles>}
, if any - focus indicator gently animates, once, when displayed
- focus indicator color and width can be customized
- focus indicator can alert the user when invisible elements are focused, if desired
Installation
Screencast
I also wrote about it at Focus Indicator - Browser(Chrome) Extension
Contributing
Please refer Contributing guidelines to enhance your contribution experience.
8 years ago