What Is the Focus Visible Violation?
Ensures keyboard focus indicator is visible.
| WCAG Criterion | 2.4.7 |
| Impact | serious |
| axe-core Rule ID | focus-visible |
| WCAG Principle | Operable |
How to Fix Focus Visible
Never use outline: none on focusable elements without providing an alternative focus indicator. Add visible :focus and :focus-visible styles. Minimum: 2px solid contrast outline.
Run a free Accessalyze scan to find all instances of this violation on your site, with AI-generated fix code for each specific element.
🔍 Scan Your Site for Focus Visible Violations →Who Is Affected?
The Focus Visible violation impacts users who rely on assistive technologies including:
- Screen reader users (JAWS, NVDA, VoiceOver, TalkBack)
- Keyboard-only users who cannot use a mouse
- Users with cognitive disabilities who rely on clear structure
Approximately 1 in 4 adults in the United States has some type of disability. Fixing this violation improves access for millions of users.
Find Focus Visible Violations on Your Site
Free scan in 30 seconds. Get the exact elements with this violation plus AI fix code.
🔍 Scan Free — No Signup