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 /*...