Quickly debug focus problems when testing a page for accessibility issues.
NerdeFocus - Debug Focus Problems for Accessibility Testing
NerdeFocus is a Chrome extension designed to help with accessibility testing. It visually displays the focus history using CSS selectors, and overlaps easy-to-follow focus indicators on a webpage. The tool is particularly helpful in pinpointing focus resets, testing keyboard focus, and diagnosing screen reader issues. To use it, just open your Developer Tools, go to the NerdeFocus tab, and click 'Record'. Moreover, NerdeFocus is a free and Open-source project.
Extension stats
Manifest V2
Permissions:
- http://*/*
- https://*/*
Size: 47.81K
Email: ap*****@uk-serve.net
Full description: See detailed description
Source: Chrome Web Store
User reviews
I've been using this for years now and I find it to be an invaluable tool when testing site usability/accessibility.
The ability to provide an enormous coloured boarder that follows your focus target helps illustrate tab orders to clients/other developers and is an incredibly helpful teaching tool.
My only complaint is it's not on other browsers! I'd love to see it on Firefox and Safari.
by
Nick Milton, 2025-02-06
Thanks, works for me (Brave v1.60.118)
by
שֵׁם, 2023-11-30
Doesn't work.
by
Kevin McLaughlin, 2023-11-28
Extension safety
Risk impact
NerdeFocus requires a few sensitive permissions. Exercise caution before installing.
Risk impact analysis details
- Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
- Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
- Low ******* ****** ** *** ********* ********
Risk likelihood
NerdeFocus has earned a fairly good reputation and likely can be trusted.
Risk likelihood analysis details
- High This extension support email may not be valid.
- High **** ********* *** *** **** ****** ********* ********** *** *** ** ****** ** *****
- Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
- Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
- Good **** ********* ********* ** * ******* ********* ** ****** *** *****
- Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to NerdeFocus:
wizzyfx
427
Laurence Lewis
2K
LiJunLe
933
https://www.deque.com
300K
WebAIM
600K
https://accessibility.oit.ncsu.edu
60K
https://tpgi.com
30K
Jorge Rumoroso
80K
Stefior
154
Mateusz Zieliński
10K
Peter Gould
9K
Accessibility Insights Team
100K