![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/b3470bf2ec79463869f27df67d57420ea11eadba/6b6f1/assets/images/article--focus-indicators/adjacent-colors-border-2.jpg)
A guide to designing accessible, WCAG-conformant focus indicators – Sara Soueidan, inclusive design engineer
![html - How to make a button with no border (gradient background) the same size as a button with a border (outline)? - Stack Overflow html - How to make a button with no border (gradient background) the same size as a button with a border (outline)? - Stack Overflow](https://i.stack.imgur.com/juZYY.png)
html - How to make a button with no border (gradient background) the same size as a button with a border (outline)? - Stack Overflow
![twitter bootstrap - CSS Responsive Position Button in the middle of the bottom border line, centered - Stack Overflow twitter bootstrap - CSS Responsive Position Button in the middle of the bottom border line, centered - Stack Overflow](https://i.stack.imgur.com/WGNp7.png)
twitter bootstrap - CSS Responsive Position Button in the middle of the bottom border line, centered - Stack Overflow
![Button] if `$css--reset: false`, no visible focus for icon-only variation with a tooltip · Issue #4245 · carbon-design-system/carbon · GitHub Button] if `$css--reset: false`, no visible focus for icon-only variation with a tooltip · Issue #4245 · carbon-design-system/carbon · GitHub](https://user-images.githubusercontent.com/9057921/66342335-cb3b8400-e90e-11e9-9314-e10e88a9efb7.png)
Button] if `$css--reset: false`, no visible focus for icon-only variation with a tooltip · Issue #4245 · carbon-design-system/carbon · GitHub
![How To Make a Button with a Gradient Border and Gradient Text in HTML & CSS | by Christian Bolus | Medium How To Make a Button with a Gradient Border and Gradient Text in HTML & CSS | by Christian Bolus | Medium](https://miro.medium.com/v2/resize:fit:1200/1*emnKM42RO06BAkj7Yd-13g.png)