What is a focus indicator — and why does WCAG regulate it?

When a user navigates a website using a keyboard, they need to know where they are on the page at all times. The focus indicator is the visual signal that answers that question: the outline, highlight, or state change that appears on the element currently receiving keyboard focus.

WCAG Success Criterion 1.4.11 (Non-text Contrast) requires that the visual presentation of UI components, including focus and hover indicators, has a contrast ratio of at least 3:1 against adjacent colors.

Without a sufficient focus indicator:

Keyboard-only users lose their place on the page.

Users with low vision cannot perceive the current focus state.

The product fails a Level AA audit, the standard required by the EAA, ADA, and EN 301 549.

Below are three real cases from accessibility audits, extracted from a structured issue bank. No simulated data.…