What are the contrast requirements for visible focus states?
When elements have a visual indication of the state they are in (focused, mouseover or selected), the visual indication must meet a 3:1 contrast ratio. Ensure that the focus (tab), hover (mouseover) and active states of interactive elements meet a contrast ratio of 3:1 against adjacent colors; so that they are distinguishable from other elements and allows users to identify user interface components.
Exception: Inactive components or where the appearance of the component is determined by the user agent and not modified by the author do not need to reach a 3:1 contrast ratio.
Free Tools to Continue Learning
Accessible Web RAMP
Monitor your website and manage your progress towards WCAG conformance.
Accessible Web Academy
Career specific courses to help power up your accessibility knowledge.