Level AAOperable2.4.7

WCAG 2.4.7: Focus Visible

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

ADA Relevance: Level AA is the standard courts reference for ADA compliance. Failing this criterion creates direct legal exposure for ADA lawsuits.

Why Focus Visible Matters

Keyboard users need to see where focus is on the page. Without a visible focus indicator, they cannot tell which element is currently active.

How to Test for WCAG 2.4.7 Violations

Tab through your site. Can you always see which element has focus? Check that focus indicators are visible on all interactive elements including links, buttons, and form fields.

How to Fix WCAG 2.4.7 Violations

Don't remove outline styles with outline: none unless providing a better alternative. Add visible focus styles: :focus-visible { outline: 2px solid #0066cc; outline-offset: 2px; }

Industries Most Affected by Focus Visible Violations

These industries commonly fail WCAG 2.4.7 due to the nature of their website content and functionality:

Focus Visible by Platform

Different platforms have different levels of built-in support for WCAG 2.4.7:

WCAG 2.4.7 FAQ

What does WCAG 2.4.7 Focus Visible require?

WCAG 2.4.7 requires that any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. This is a Level AA criterion under the Operable principle, meaning it is required for ADA compliance (courts reference WCAG 2.1 AA).

How do I test for WCAG 2.4.7 violations?

Tab through your site. Can you always see which element has focus? Check that focus indicators are visible on all interactive elements including links, buttons, and form fields.

Is WCAG 2.4.7 required for ADA compliance?

Yes. WCAG 2.4.7 is a Level AA criterion, and courts consistently reference WCAG 2.1 AA as the standard for ADA compliance. Failing to meet this criterion creates legal exposure for ADA lawsuits, which typically settle for $10,000 to $75,000+.

What happens if my website fails WCAG 2.4.7?

Failing WCAG 2.4.7 Focus Visible means keyboard users need to see where focus is on the page. Without a visible focus indicator, they cannot tell which element is currently active. This violation is detectable by automated scanning tools that ADA plaintiff attorneys use to identify lawsuit targets. ADA CodeFix can scan your site for this specific violation and provide AI-generated code fixes.

Test Your Site for WCAG 2.4.7 Violations

ADA CodeFix automatically scans for Focus Visible violations and provides AI-generated code fixes — not overlay widgets.

Scan Your Site Free
50+ WCAG rules AI code fixes No credit card