A Chrome Devtools Extension for debugging focus when testing a page for accessibility
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
NerdeFocus-Chrome
.gitignore
LICENSE
README.md

README.md

NerdeFocus Chrome Developer Tools Extension

NerdeFocus is a Developer Tools extension that allows you to debug focus problems when testing a page for accessibility issues. When activated, it will display the focus history with CSS selectors, and animate the focus ring.

NerdeFocus is great for detecting focus resets, testing focus order and debugging screen reader issues with modern web apps.

Installing

NerdeFocus stable version can be installed from the Chrome Web Store.

NerdeFocus on Chrome Web Store

Usage

To use the extension, open your browser’s Developer Tools, navigate to the NerdeFocus tab, and click "Record". Screenshot of NerdeFocus interface

Authors

  • Ugi Kutluoglu - Initial work

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments