NerdeFocus

Accessibility

Version: 0.3.2

Last Update: 2022-01-11

Overview

NerdeFocus is a Chrome extension developed by wizzyfx. According to the data from Chrome web store, current version of NerdeFocus is 0.3.2, updated on 2022-01-11.
1,000+ users have installed this extension. 4 users have rated this extension with an average rating of .

Quickly debug focus problems when testing a page for accessibility issues.

When activated, NerdeFocus displays the focus history with CSS selectors, and overlays an easy-to-follow focus indicator on the page.

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

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

NerdeFocus is a free and Open-source project.

Rating

4 ratings

Total Installs

1,000+

Information

Last Update

2022-01-11

Current Version

0.3.2

Size

46.69KiB

Author

wizzyfx

Website

None

Category

Accessibility

NerdeFocus Alternatives

Name	Category	Rating Count	Installs
ChromeLens	Accessibility	(26)	50,000+
NerdeRegion	Accessibility	(0)	315
Visual ARIA	Accessibility	(3)	2,000+
Accessibility Insights for Web	Developer Tools	(30)	90,000+
Landmark Navigation via Keyboard or Pop-up	Accessibility	(7)	8,000+
taba11y	Developer Tools	(11)	4,000+
IBM Equal Access Accessibility Checker	Developer Tools	(11)	10,000+
WAVE Evaluation Tool	Accessibility	(135)	400,000+
Focused Element	Developer Tools	(1)	800
Color Contrast Analyzer	Accessibility	(63)	70,000+
HeadingsMap	Developer Tools	(54)	80,000+
ARC Toolkit	Accessibility	(21)	20,000+
AccessiByeBye	Accessibility	(4)	520
WCAG Color contrast checker	Developer Tools	(15)	50,000+
Accessibility monitor	Accessibility	(0)	632
axe DevTools - Web Accessibility Testing	Accessibility	(101)	200,000+
Funkify – Disability Simulator	Accessibility	(41)	20,000+
Universal Accessibility Toolkit	Accessibility	(5)	461
ARIA Validator	Developer Tools	(4)	2,000+
A11Y HTML5 Validator	Developer Tools	(1)	437
Accessibility View	Developer Tools	(0)	444
SkipTo Landmarks & Headings	Accessibility	(3)	776
ARIA DevTools	Developer Tools	(22)	4,000+
Tenon Toolkit	Developer Tools	(1)	505

Latest Reviews


Peter Eastman 2021-03-19 This worked great for me after a restart of the browser.
Tommy Feldt 2019-03-19 This is a brilliant extension! I use it daily in my work as an accessibility consultant. If I can wish for a new feature, I would like to have more information about each focused element in the log. For instance, you could present the accessible name of the focused element together with the CSS path. That would make it a little bit easier to distinguish exactly which element it is. You should also make it possible to right click the logged element to view it in the DOM inspector.
Ale R Buteler 2018-07-02 I loved the idea, didn't work form me. :( Chrome Version 67.0.3396.87 (Official Build) (64-bit) Ubuntu 18.04 LTS
Peter Eastman 2021-03-19 This worked great for me after a restart of the browser.
Tommy Feldt 2019-03-19 This is a brilliant extension! I use it daily in my work as an accessibility consultant. If I can wish for a new feature, I would like to have more information about each focused element in the log. For instance, you could present the accessible name of the focused element together with the CSS path. That would make it a little bit easier to distinguish exactly which element it is. You should also make it possible to right click the logged element to view it in the DOM inspector.