NerdeRegion
Debug Aria Live Regions
Quickly debug focus when testing accessibility
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
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.
Inspect the latest comments and rating distribution.
Store average score: 4.5. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Debug Aria Live Regions
Displays ARIA used in web technologies, including live regions, widget roles, proper nesting, and focus management.
Highlight the focusing element and log it in console.
Accessibility Checker for Developers, Testers, and Designers in Chrome
Evaluate web accessibility within your browser.
Accessibility testing tool from TPGi
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.
Thanks, works for me (Brave v1.60.118)
Doesn't work.
Fantastic!
This worked great for me after a restart of the browser.
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.
I loved the idea, didn't work form me. :( Chrome Version 67.0.3396.87 (Official Build) (64-bit) Ubuntu 18.04 LTS