![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://d33wubrfki0l68.cloudfront.net/7127e446051c574e67cb5588bd100eec89cfacbb/75d73/assets/images/article--focus-indicators/contrasting-area-5.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://d33wubrfki0l68.cloudfront.net/0eec10b79c896e7e487ba82ea004994246bfd881/904a6/assets/images/article--focus-indicators/adjacent-colors-outside.jpg)
A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer
![gui design - Should :focus and :hover styles be the same or distinct? - User Experience Stack Exchange gui design - Should :focus and :hover styles be the same or distinct? - User Experience Stack Exchange](https://i.stack.imgur.com/iEnMs.png)
gui design - Should :focus and :hover styles be the same or distinct? - User Experience Stack Exchange
![Radios should retain their internal color on keyboard focus · Issue #736 · adobe/spectrum-css · GitHub Radios should retain their internal color on keyboard focus · Issue #736 · adobe/spectrum-css · GitHub](https://user-images.githubusercontent.com/9661127/82716730-e664c500-9c4d-11ea-9c7d-63667ebe49f5.png)