Back to Research & Compliance Index
WCAG 2.0Level AAOperableMandatory for ADA Title II
WCAG 2.4.7: Focus Visible
Any keyboard operable user interface must have a mode of operation where the keyboard focus indicator is visible.
Requirement Overview & Intent
The purpose of this Success Criterion is to help anyone who relies on a keyboard to know which element currently has focus.
Common Technical Failures
- 1Global CSS rules applying `outline: none` or `focus:outline-none` without providing a visible focus ring replacement.
- 2Low-contrast focus rings that blend into dark or colored button backgrounds.
Remediation & Code Fixes
- ✓Use Tailwind `focus-visible:ring-2 focus-visible:ring-cyan-500` or CSS `:focus-visible { outline: 3px solid #0891b2; }`.
Need an immediate code review or PDF tag check?
Ask Luke to inspect your page markup, analyze contrast ratios, or verify veraPDF structure compliance.