Keep Default Focus Ring

2025

Year

You might have encountered websites that remove the default focus ring for aesthetics with outline: none—I surely am guilty of doing this early in my career without realising that this significantly reduces affordance for keyboard users for whom the focus ring is a landmark to understand which element they will activate by pressing the Enter key.

The bare minimum is to leave the default outline property as is, but usually I like to customise the color, offset, and even radius for more Aesthetic focus rings—all without trading off on aesthetics.

Rene WangRene Wang

More Details

We Regulary Update this List

You can get notified by subscribing to our biweekly newsletter. No ads, no spam, just new content.

Interective Error Page

Few people get there, but it's nice to reduce their sadness when they do

Playful
Profile banner
Detail

Detail

@detaildotdesign

Get highlight from your timeline and exclusive content.

10+Exclusive content
160+Followers