developing Core requirement

Focus Indicator Contrast Sufficient

Group: interactive-components • Guideline: keyboard-focus-appearance

Summary in Plain English

Where a custom focus indicator replaces the browser default, it has to have sufficient contrast against what is next to it and sufficient change of contrast from the unfocused state.

Why It Matters

An indicator that cannot be distinguished from the background tells a sighted keyboard user nothing about where they are on the page.

Scope: When This Applies

The draft's own conditions, quoted from guidelines/groups/interactive-components/keyboard-focus-appearance/focus-indicator-contrast-sufficient.md.

Applies when

the user agent’s default focus indicator is replaced by a custom focus indicator.

W3C Raw Source Text

Verbatim from guidelines/groups/interactive-components/keyboard-focus-appearance/focus-indicator-contrast-sufficient.md · informative document: informative/guidelines/interactive-components/keyboard-focus-appearance/focus-indicator-contrast-sufficient.md

If a custom focus indicator is used, it has sufficient adjacent contrast and change of contrast.

:::applies-when
* the user agent's default focus indicator is replaced by a custom focus indicator.
:::

Focus Indicator Contrast Sufficient

Summary in Plain English

Why It Matters

Scope: When This Applies

Applies when

Test Procedure from the W3C Draft

W3C Working Group Status

W3C Threads on This Provision

WCAG 2.2 Criteria That Map Here

Related WCAG 2.2 criteria

W3C Raw Source Text