![A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/9d91fe7bbf9546f20a82d619f7a9c79988ba0572/a8e92/assets/images/article--focus-indicators/browser-focus-styles.png)
A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer
![Platform News: Using :focus-visible, BBC's New Typeface, Declarative Shadow DOMs, A11Y and Placeholders | CSS-Tricks - CSS-Tricks Platform News: Using :focus-visible, BBC's New Typeface, Declarative Shadow DOMs, A11Y and Placeholders | CSS-Tricks - CSS-Tricks](https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/04/safari-focus-ring-invisible.png?resize=1568%2C795&ssl=1)
Platform News: Using :focus-visible, BBC's New Typeface, Declarative Shadow DOMs, A11Y and Placeholders | CSS-Tricks - CSS-Tricks
![focus-visible doesn't work in Firefox even with polyfill · Issue #3325 · tailwindlabs/tailwindcss · GitHub focus-visible doesn't work in Firefox even with polyfill · Issue #3325 · tailwindlabs/tailwindcss · GitHub](https://user-images.githubusercontent.com/12714276/104134222-91b2bd80-5388-11eb-9a67-33f7271bfe51.gif)
focus-visible doesn't work in Firefox even with polyfill · Issue #3325 · tailwindlabs/tailwindcss · GitHub
![css - How to remove focus rings from Firefox, what is the correct selector for the main window? - Stack Overflow css - How to remove focus rings from Firefox, what is the correct selector for the main window? - Stack Overflow](https://i.stack.imgur.com/7kiyP.png)