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".

Authors

• Ugi Kutluoglu - Initial work

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. Please make sure to update tests as appropriate.

License

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

Acknowledgments

• DevTools Extension Example
• jQuery Get Path
• Ion Icons
• Fontello Icon Font Generator