Wcag Focus Contrast
WCAG 2.2 SC 2.4.11 (Level AA) requires that the focus indicator for a keyboard-focused UI component has a contrast ratio of ≥ 3:1 between the focused and unfocused states, and the focus indicator area must be at least as…
$ aoe install @w3c/fact-wcag-focus-contrast Projection
Always in _index.xml · the agent never has to ask for this.
WcagFocusContrast [fact] v1.0.0
WCAG 2.2 SC 2.4.11 (Level AA) requires that the focus indicator for a keyboard-focused UI component has a contrast ratio of ≥ 3:1 between the focused and unfocused states, and the focus indicator area must be at least as large as a 2 CSS pixel perimeter around the component.
Loaded when retrieval picks the atom as adjacent / supporting.
WcagFocusContrast [fact] v1.0.0
WCAG 2.2 SC 2.4.11 (Level AA) requires that the focus indicator for a keyboard-focused UI component has a contrast ratio of ≥ 3:1 between the focused and unfocused states, and the focus indicator area must be at least as large as a 2 CSS pixel perimeter around the component.
Confidence
proven
Evidence
@w3c/source-wcag-22
Meta
- License: LicenseRef-W3C-Citation-Only AND Apache-2.0
- License Provenance: package-authorship-claim
Loaded when retrieval picks the atom as a focal / direct hit.
WcagFocusContrast [fact] v1.0.0
WCAG 2.2 SC 2.4.11 (Level AA) requires that the focus indicator for a keyboard-focused UI component has a contrast ratio of ≥ 3:1 between the focused and unfocused states, and the focus indicator area must be at least as large as a 2 CSS pixel perimeter around the component.
Confidence
proven
Evidence
@w3c/source-wcag-22
Meta
- License: LicenseRef-W3C-Citation-Only AND Apache-2.0
- License Provenance: package-authorship-claim
Relations
related: [@w3c/fact-wcag-contrast-aa, @community/check-focus-visible, @community/term-focus-ring]
Confidence
proven
Evidence
@w3c/source-wcag-22
Meta
- License: LicenseRef-W3C-Citation-Only AND Apache-2.0
- License Provenance: package-authorship-claim
Source
aoe-engine/examples/frontend-design/primes/compiled/@w3c/fact-wcag-focus-contrast/atom.yaml