How to fix the ugly focus ring and not break accessibility in React

1 · Eventbrite Engineering · Aug. 1, 2019, 4:16 a.m.
Creating beautiful, aesthetic designs while maintaining accessibility has always been a challenge in the frontend. One particular barrier is the dreaded “:focus” ring. It looks like this: After clicking any button, the default styling in the browser displays a focus outline. This ugly outline easily mars a perfectly crafted interface. A quick Stack Overflow search […] The post How to fix the ugly focus ring and not break accessibility in React appeared first on Engineering Blog....