NerdeFocus

Quickly debug focus when testing accessibility

NerdeFocus is a powerful Chrome extension designed to assist developers in debugging keyboard and screen reader focus issues with ease. By displaying focus history via CSS selectors and overlaying a clear focus indicator, it simplifies the process of detecting focus resets and ensuring smooth keyboard navigation across web applications.

To start using NerdeFocus, simply open your browser's Developer Tools, go to the NerdeFocus tab, and click "Record". As a free and open-source project, it encourages accessibility-focused development and testing, making it an essential tool for improving modern web app accessibility.

By:
wizzyfx
Users:
1,000+
Rating:
4.50
(8)
Version:
0.5.7 (Last updated: 2025-05-02)
Creation date:
2019-05-29
Host permissions:
  • http://*/*
  • https://*/*
Size:
74.27K
Full description:
See detailed description
Updated:
a day ago

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
View all user reviews

Extension safety

Risk impact
Moderate 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 ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
Risk likelihood
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 **** ********* *** ******** ******* ** *** **** ****** *** ******* *** *** ** ****** ** *****
  • High **** ********* *** *** **** ****** ********* ********** *** *** ** ****** ** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* ** * ******** ********* ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Promo images

NerdeFocus marquee promo image
Marquee promo image
Small promo image

Compare extensions

Similar extensions

Here are some Chrome extensions that are similar to NerdeFocus:

NerdeRegion NerdeRegion
wizzyfx
388 0.00 (0)
Visual ARIA Visual ARIA
Laurence Lewis
2K 5.00 (4)
Focused Element Focused Element
LiJunLe
855 5.00 (3)
axe DevTools - Web Accessibility Testing axe DevTools - Web Accessibility Testing
https://www.deque.com
300K 3.96 (117)
WAVE Evaluation Tool WAVE Evaluation Tool
WebAIM
600K 4.10 (144)
Color Contrast Analyzer Color Contrast Analyzer
https://accessibility.oit.ncsu.edu
50K 3.32 (66)
ARC Toolkit ARC Toolkit
https://tpgi.com
40K 3.42 (24)
WCAG Color contrast checker WCAG Color contrast checker
Jorge Rumoroso
80K 4.17 (29)
Focus Indicator Focus Indicator
Stefior
203 5.00 (3)
ARIA DevTools ARIA DevTools
Mateusz Zieliński
10K 4.91 (33)
Accessibility Insights for Web Accessibility Insights for Web
Accessibility Insights Team
100K 4.70 (40)