WCAG 2.0 · Level AA · Operable
WCAG 2.4.7 — Focus Visible
The keyboard focus indicator must be visible.
WCAG 2.4.7 at a glance
Level AA · Principle: Operable · Added in WCAG 2.0. Level AA is the conformance target for the ADA, EAA, and Section 508.
What it means
The keyboard focus indicator must be visible.
Who it helps
Keyboard users, who need to see where they are.
Common failures
- CSS that removes outlines (outline: none) with no replacement
How to meet WCAG 2.4.7
- Keep or restyle a clear focus indicator
- Use :focus-visible for a strong, visible style
How to test it
Manual — Tab and watch for a visible indicator.