Focus Indicator

5.0(

1 rating

)

Overview

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

I predominantly use my keyboard to navigate websites, but many sites don't always make it clear where the keyboard is focused. This extension aims to help solve that issue by putting a white or black border around the focused element, depending on whichever results in a higher contrast. Focus Indicator uses multiple strategies to aim for it to work effectively across all websites, but it can't account for every improper accessibility setup. For example, if a site has a focusable element out of the screen's bounds, it won't show any difference. It prioritizes function over form. If you'd like, you can disable the extension on certain sites (blacklist them) or you can enable the extension only on certain sites (whitelist them) by clicking on the extension and changing the options there. At the time of initially uploading this, it works on the latest version of Chrome, Edge, Opera, and Firefox. For feature requests or bug reports, feel free to send me an email: contact@stefior.com

5 out of 5
1 rating
Google doesn't verify reviews. Learn more about results and reviews.

Details

Version
1.0.0
Updated
December 3, 2024
Flag concern
Offered by
Stefior
Size
13.59KiB
Languages
English
Developer
Email
contact@stefior.com
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

Colour Contrast Checker

3.9(31)

Check the contrast between different colour combinations against WCAG standards

HeadingsMap

4.6(70)

To show, browse and audit (for accessibility and SEO) the headings structure

Highlight Focus

5.0(2)

This chrome extension will help you to highlight the current focused element in a webpage

Accessibility Insights for Web

4.7(38)

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

WCAG Color contrast checker

4.2(27)

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

Landmark Navigation via Keyboard or Pop-up

4.6(9)

Allows you to navigate a web page via WAI-ARIA landmarks, using the keyboard or a pop-up menu.

NerdeFocus

4.4(7)

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

IBM Equal Access Accessibility Checker

4.9(16)

A web browser extension for checking accessibility issues

tota11y for Chrome

2.2(4)

Just click the tota11y icon to run tota11y from Khan Academy and visualize how your site performs with assistive technologies.

taba11y

5.0(14)

Visualise tab order with ease

Color Contrast Analyzer

3.4(65)

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

BrowserStack Accessibility Toolkit

4.8(61)

Web Accessibility Testing Tool for WCAG & ADA compliance - Empowering Developers and Testers to find and fix accessibility issues.