Return to list of success criteria
2.4.11 Focus Appearance (Minimum) [Level AA]
For the keyboard focus indicator of each User Interface Component, all of the following are true:
Minimum area: The focus indication area is greater than or equal to a 1 CSS pixel border of the focused control, or has a thickness of at least 8 CSS pixels along the shortest side of the element.
Change of contrast: The color change for the focus indication area has a contrast ratio of at least 3:1 with the colors of the unfocused state.
Adjacent contrast: The focus indication area has a contrast ratio of at least 3:1 against all adjacent colors for the minimum area or greater, or has a thickness of at least 2 CSS pixels.
Unobscured: The item with focus is not entirely hidden by author-created content.
A keyboard focus indicator which has a pattern or gradient may have parts that do not meet the 3:1 contrast ratio for the change of contrast, as long as an area equal to the minimum does meet the contrast ratio.
If the control has a visible boundary smaller than the hit area, the size measure is taken from the visible boundary.
The working group is interested in feedback about the minimum area metric, and if there are unusual scenarios where visible indicators are caught by the wording.
Back to top