Skip to content

This is an early unpublished editor's draft; content is incomplete and subject to change.

Focus indicator contrast sufficient

foundational

Normative Text

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.
Tests

This section is non-normative.

Procedure

For each element able to attain focus:

  1. Using a keyboard, tab to the component.
  2. Check that the focus indicator contrast meets the minimum contrast ratio test.

Expected results

  • #2 is true.

Tests

This content needs to be written.

Key Terms

focus indicator

pixels that are changed to visually indicate when a user interface component is in a focused state

state

dynamic property expressing characteristics of a user interface component that may change in response to user action or automated processes

States represent data associated with the component or user interaction possibilities. They do not affect the nature of the component. Examples include focus, hover, select, press, check, visited/unvisited, and expand/collapse.

user interface component

To be defined.