NerdeFocus

Featured

4.5(

8 ratings

)

Extension Accessibility1,000 users

Item media 2 (screenshot) for NerdeFocus

Overview

Quickly debug focus when testing accessibility

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.

4.5 out of 5
8 ratings
Google doesn't verify reviews. Learn more about results and reviews.

Details

Version
0.5.7
Updated
May 2, 2025
Flag concern
Offered by
wizzyfx
Size
72.53KiB
Languages
English (United States)
Developer
Email
apps@uk-serve.net
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

taba11y - Tab order accessibility testing

5.0(16)

Visualise tab order with ease

Focus Indicator

5.0(5)

Adds a high-contrast outline around the element with keyboard focus

ARIA DevTools

4.9(33)

Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

Accessibility Insights for Web

4.7(40)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

NerdeRegion

5.0(1)

Debug Aria Live Regions

Visual ARIA

5.0(4)

Displays ARIA used in web technologies, includes live region, and widget roles, proper nesting and focus management.

Focused Element

5.0(3)

Highlight the focusing element and log it in console.

axe DevTools - Web Accessibility Testing

4.0(119)

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4.1(146)

Evaluate web accessibility within your browser.

Color Contrast Analyzer

3.3(66)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

ARC Toolkit

3.5(25)

Accessibility testing tool from TPGi

WCAG Color contrast checker

4.1(30)

To check the color contrast between foreground and background of the texts