Passed Example 1 Open in a new tab This p element is not part of the sequential focus navigation. Passed Example 2 Open in a new tab This a element is not part of the sequential focus navigation because it is hidden through CSS. Passed Example 3 Open in a new tab This input element is not part of the sequential focus navigation because of the disabled attribute. Passed Example 4 Open in a new tab This a element is not focusable because it moves focus to the input element whenever it receives focus. These elements are sometimes referred to as 'focus sentinel' or 'bumper'. They are typically found before and after a modal / dialog in order to contain focus within the modal. Page authors do not want the sentinel to be visible, nor do they want them to be read by a screen reader. But, they do want the element to be part of the sequential focus navigation. This allows the page author to detect that focus has left the dialog in order to wrap it to the top/bottom as appropriate. Passed Example 5 Open in a new tab This button element is focusable, but not part of the sequential focus navigation because of the tabindex attribute. Failed Failed Example 1 Open in a new tab This a element positioned off screen is part of the sequential focus navigation using the keyboard. Failed Example 2 Open in a new tab This input element is part of the sequential focus navigation because it was incorrectly disabled. Failed Example 3 Open in a new tab This button element is part of the sequential focus navigation and a descendant of an element with an aria-hidden attribute value of true because aria-hidden can't be reset once set to true on an ancestor. Failed Example 4 Open in a new tab This p element is part of the sequential focus navigation because of the tabindex attribute. Failed Example 5 Open in a new tab This summary element is part of the sequential focus navigation. Failed Example 6 Open in a new tab This a element is focusable because it fails to move focus when it receives focus. This is in contrast to a focus sentinel that immediately jumps focus to a valid location. Focus sentinels are typically used before and after a modal dialog in order to contain and wrap focus. In this case, the focus event was removed, but the sentinel was not. Inapplicable Inapplicable Example 1 Open in a new tab This aria-hidden attribute is ignored with null value. Inapplicable Example 2 Open in a new tab This aria-hidden attribute is ignored with value false.

Some text

Inapplicable Example 3 Open in a new tab This aria-hidden attribute has an incorrect value.

Some text

Shadow DOM aria-hidden - Should Pass
Shadow DOM aria-hidden - Should Fail