Taking a shot at the double focus ring problem

Taking a shot at the double focus ring problem using modern CSS.

Eric Bailey walks through building a universal focus outline: an inner ring that matches the element’s current color and an outer ring that stays contrast against any background or color theme — a trick made possible by modern CSS features.

piccalil.li/blog/taking-a-shot-at-the-double-focus-ring-problem-using-modern-css

Tags: css, a11y