Article
A Guide to Designing Accessible, WCAG-compliant Focus Indicators
Sara Soueidan
Read on sarasoueidan.com
(opens in a new tab)
1 highlight ·
Jul 2023
You can do that by navigating to about:config. Use the search bar within the config page to search for focus_ring.
16 Jul 2023
Avoid relying on background colors and box shadows alone to indicate focus. Forced Color Modes and other accessibility display modes will override and/or remove them. Outlines, on the other hand, will not be removed and would always be visible; and the browser will apply the display mode’s custom colors to style them.