Passed Passed Example 1 Open in a new tab The focusable element is part of sequential focus navigation. It has an outline when it is focused (due to default User Agent’s styling). The outline has a different hsl value compared to the hsl value of the background over which the outline appears (the exact values depend on the type of browser being used). ACT rules Passed Example 2 Open in a new tab The focusable element is part of sequential focus navigation. It has an outline when it is focused (due to default User Agent’s styling). The outline has a different hsl value compared to the hsl value of the background over which the outline appears (the exact values depend on the type of browser being used). Act rules Passed Example 3 Open in a new tab The focusable element is part of sequential focus navigation. Its parent span puts a border around it when it is focused (the border of the span element). The border’s hsl value (hsl(240, 100%, 25%)) is different to the hsl value of the background (hsl(0, 0%, 100%)) over which the border appears. ACT rules Passed Example 4 Open in a new tab Each of these three focusable elements has a blue square in front of it when it is focused. The square’s hsl value (hsl(240, 100%, 25%)) is different to the hsl value of the background (hsl(0, 0%, 100%)) over which the square appears. ACT rules WCAG WCAG Failed Failed Example 1 Open in a new tab The focusable element does not have any pixel changing color when it is focused because the default styling has been overwritten by a style that removes the outline. ACT rules Inapplicable Inapplicable Example 1 Open in a new tab This document contains no focusable element. ACT rules Inapplicable Example 2 Open in a new tab None of the focusable elements in this document are part of sequential focus navigation. ACT rules WCAG

Shadow DOM Failed Test 1

Shadow DOM Inapplicable Test 1

Shadow DOM Inapplicable Test 2