Item logo image for NerdeFocus

NerdeFocus

Featured
4.5(

8 ratings

)
Item video thumbnail
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 58 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.5.7
  • Updated
    May 2, 2025
  • 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

Related

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

0.0(0)

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(118)

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4.1(145)

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(26)

Accessibility testing tool from TPGi

WCAG Color contrast checker

4.1(30)

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

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

0.0(0)

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(118)

Accessibility Checker for Developers, Testers, and Designers in Chrome

Google apps