A guide to designing accessible, WCAG-compliant focus indicators

A focus indicator can also take other forms, but outlines are very common for good reasons.

Outlines have an advantage over other visual indicators (like borders or background colors, for example) in that they can be applied to the element without causing any significant changes to that element. And since an outline is not part of an element’s box ... See more