4.D, 2.4.7-focus-visible

Test Name	Test ID	Test Condition
2.4.7-focus-visible	4.D	A visible indication of focus is provided when focus is on the interface component.

If the following is TRUE, the content PASSES:

When each interface element receives focus, there is a visible indication of focus.

Interactive Samples

Look carefully as there is not a contrast requirement for focus in AA standard – that is AAA.
DO NOT use ANDI for this test since it can add markup that will skew your test results.
Emphasis is on the interactive element.
Does not apply to elements that do not receive keyboard focus. (Those elements are not failed for both 4.A and 4.D.)
Focus indicator is not required to be the same – can be outline, change in hue (though not use of color), making font bold.

To confirm keyboard focus is on a frame when there is not visible focus:

Use the TAB and SHIFT + TAB combination to deduce that the keyboard focus is on the frame.
When on the frame, a tab forward should move focus to the first keyboard focusable element within the frame.
From there, SHIFT + TAB once to move back to the frame and another SHIFT + TAB should move focus to a keyboard focusable element before the frame.

Only the frame is permitted to not have a visible focus. Be certain it is the frame that does not have a visible focus and not another element.