![One line of code to remove :focus blue outline and maintain accessibility | by Yev Spektor | HackerNoon.com | Medium One line of code to remove :focus blue outline and maintain accessibility | by Yev Spektor | HackerNoon.com | Medium](https://miro.medium.com/max/1206/1*-xk4woiaFQxkQIAi6RFLWA.png)
One line of code to remove :focus blue outline and maintain accessibility | by Yev Spektor | HackerNoon.com | Medium
![outline-none doesn't work on button with focus in chrome · Issue #1231 · tailwindlabs/tailwindcss · GitHub outline-none doesn't work on button with focus in chrome · Issue #1231 · tailwindlabs/tailwindcss · GitHub](https://user-images.githubusercontent.com/4323180/93024186-8ad69280-f5c2-11ea-8238-885b0f9b06c0.png)
outline-none doesn't work on button with focus in chrome · Issue #1231 · tailwindlabs/tailwindcss · GitHub
![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
![Platform News: Rounded Outlines, GPU-Accelerated SVG Animations, How CSS Variables Are Resolved | CSS-Tricks - CSS-Tricks Platform News: Rounded Outlines, GPU-Accelerated SVG Animations, How CSS Variables Are Resolved | CSS-Tricks - CSS-Tricks](https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/04/button-focus-outine-comparison.png?resize=1344%2C592&ssl=1)
Platform News: Rounded Outlines, GPU-Accelerated SVG Animations, How CSS Variables Are Resolved | CSS-Tricks - CSS-Tricks
![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/14f88ace50893cf159d9acd25d799b994b24e00f/fdc9c/assets/images/article--focus-indicators/contrasting-area-2.jpg)
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 A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/482f070fe5a227abccbd240b87a7c83316adf9a7/90c59/assets/images/article--focus-indicators/contrasting-area-1.jpg)