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

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.

Source: Eventbrite

Leave a Reply

Your email address will not be published.


*