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.