WCAG 2.4.7
Level AA
Operable
2.4.7 Focus Visible
The keyboard focus indicator is visible.
What 2.4.7 Focus Visible means
Keyboard users can always see which element is focused.
How to test
Tab through the page and confirm a clear focus outline on every control.
How to meet it
Never remove focus outlines without replacement; provide a high-contrast :focus-visible style.
Need help meeting 2.4.7?
Our IAAP-certified team audits your website and apps against every WCAG 2.2 criterion and delivers code-level remediation.
Official reference: Understanding 2.4.7 Focus Visible (W3C)
More Operable criteria
2.1.1 Keyboard
2.1.2 No Keyboard Trap
2.1.4 Character Key Shortcuts
2.2.1 Timing Adjustable
2.2.2 Pause, Stop, Hide
2.3.1 Three Flashes or Below Threshold
2.4.1 Bypass Blocks
2.4.2 Page Titled
2.4.3 Focus Order
2.4.4 Link Purpose (In Context)
2.4.5 Multiple Ways
2.4.6 Headings and Labels
2.4.11 Focus Not Obscured (Minimum)
2.5.1 Pointer Gestures
2.5.2 Pointer Cancellation
2.5.3 Label in Name
2.5.4 Motion Actuation
2.5.7 Dragging Movements
2.5.8 Target Size (Minimum)