Practical CSS Tips for Better UX and Accessibility
Focus & Interaction
1. Use :focus-visible for keyboard-only focus outlines
/* Outline is shown only for keyboard-only focus */
button:focus-visible {
outline: 2px solid blue;
outline-offset: 2px;
}
2. Never remove outlines without replacement
/*...
uidev.net4 min read