extension ExtPose

NerdeFocus

Description from extension meta

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

Image from store NerdeFocus
Description from store 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.

Latest reviews

  • (2019-03-19) Tommy Feldt: 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.
  • (2018-07-02) Ale R Buteler: I loved the idea, didn't work form me. :( Chrome Version 67.0.3396.87 (Official Build) (64-bit) Ubuntu 18.04 LTS

Statistics

Installs
737 history
Category
Rating
4.7 (3 votes)
Last update / version
2019-05-30 / 0.3.0
Listing languages

Links