![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
![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
![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/ebb71a73b11571ea6c38495b00f8ab36cf350b11/419d1/assets/images/article--focus-indicators/contrasting-area-3.jpg)
A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer
![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)
Radios should retain their internal color on keyboard focus · Issue #736 · adobe/spectrum-css · GitHub
![Arnaud Delafosse on X: "⌨️ "Designing Custom Focus Indicators." How about making your focus styles more perceivable, pretty and already #WCAG 2.2 compliant? #a11y #UX #design #CSS https://t.co/qrtlBCVBpb https://t.co/IvAkvS2OpY" / X Arnaud Delafosse on X: "⌨️ "Designing Custom Focus Indicators." How about making your focus styles more perceivable, pretty and already #WCAG 2.2 compliant? #a11y #UX #design #CSS https://t.co/qrtlBCVBpb https://t.co/IvAkvS2OpY" / X](https://pbs.twimg.com/media/E0RTSeNWYAAzyZN.png)