Test for WCAG failure F78: styling element outlines and borders in a way that removes or renders non-visible the visual focus indicator

[hannolans]

http://www.w3.org/TR/WCAG20-TECHS/F78
This describes a failure condition that occurs when the user agent's default visual indication of keyboard focus is turned off or rendered non-visible by other styling on the page without providing an author-supplied visual focus indicator. Turning off the focus indicator instructs the user agent not to present the focus indicator. Other styling may make it difficult to see the focus indicator even though it is present, such as outlines that look the same as the focus outline, or thick borders that are the same color as the focus indicator so it cannot be seen against them.

Examples

- Failure example 1: The focus indicator is turned off with CSS: :focus {outline: none}
- Failure example 2: The outline of elements is visually similar to the focus indicator: a {outline: thin dotted black}
- Failure example 3: Elements have a border that occludes the focus indicator: a {border: medium solid black}

Procedure

1. Set the focus to all focusable elements on a page.
2. Check that the focus indicator is visible.