Focus Indicator

A visual cue that shows which interactive element on a page or in an application currently has keyboard focus. Focus indicators are typically rendered as an outline, border, or highlight around the focused element. They are essential for keyboard users and screen magnification users who need to track their current position as they tab through a page. WCAG 2.1 Success Criterion 2.4.7 requires that keyboard focus indicators are visible, and WCAG 2.2 added Success Criterion 2.4.13 requiring a minimum contrast and size for focus indicators. Common CSS implementations use the outline property or box-shadow, and the :focus-visible pseudo-class allows developers to show focus indicators for keyboard users while suppressing them for mouse users.