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 /*...
Aug 10, 20254 min read8
