![Improve Accessibility with focus and focus-visible Outline Styling. | by George Argyrousis | Level Up Coding Improve Accessibility with focus and focus-visible Outline Styling. | by George Argyrousis | Level Up Coding](https://miro.medium.com/v2/resize:fit:1400/1*sLqyaub0J-HCIppEXQUBrA.png)
Improve Accessibility with focus and focus-visible Outline Styling. | by George Argyrousis | Level Up Coding
![A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer](https://www.sarasoueidan.com/assets/images/article--focus-indicators/adjacent-colors-border-inner.jpg)
A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer
![A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer](https://www.sarasoueidan.com/assets/images/article--focus-indicators/gradient-contrast.jpg)
A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer
![A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer](https://www.sarasoueidan.com/assets/images/article--focus-indicators/contrasting-area-2.jpg)
A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer
![A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer](https://www.sarasoueidan.com/assets/images/article--focus-indicators/focus-indication-area-1.jpg)