Boost Accessibility: Implementing Clear Button Focus RingsBoost Accessibility: Implementing Clear Button Focus Rings
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Nohelia's avatar
Push Studio logo
Nohelia Pereira
pro
• Sep 16
💡 Design Tip: Don’t forget the focus state!
When a button is focused (using Tab on the keyboard), it should have a clear visual indicator, this is what we call the focus ring.
👉 Why?
It improves accessibility for keyboard users.
It helps users see where they are on the page.
Design SystemsProduct DesignWeb Development
Post image
Chirag's avatar
Chirag Madhu
pro
• Sep 17
@Nohelia Pereira So important!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started