[Bug] Tab stops not showing focused elements

[ThanyaLeif]

Describe the bug

Accessibility Insight Tab stop is not working on MSN. Focused elements should be highlighted, but only a single tab in the middle of the page is marked.

To Reproduce
Steps to reproduce the behavior:

1. Go to MSN portal
2. Go to Accessibility Extension > Ad hoc tools
3. Turn on Tab stops
4. Navigate throw the page using Tab key
5. Notice how the focused elements are not marked as tab stops.

Expected behavior

All focused elements should be marked as Tab stops by the extension.

Screenshots

Image of a single tab stop shown after Tab stop test.

Context (please complete the following information)

• AI-Web Version & Environment: Production Version 2.34.1
• Browser Version: Version 105.0.1343.33 (Official build) (64-bit)
• Target Page: https://www.msn.com/

Are you willing to submit a PR?

Yes

Did you search for similar existing issues?

Yes

[ghost]

The team requires additional author feedback; please review their replies and update this issue accordingly. Thank you for contributing to Accessibility Insights!

[ThanyaLeif]

After further investigation, we believe that the cause of the problem is msn.com's implementation of fluent user interface web components. Most of the buttons are located inside closed shadow doms. Accessibility Insighst can only scan open shadow doms, here is a link with more information about it:
https://accessibilityinsights.io/docs/web/reference/faq/#are-automated-checks-compatible-with-shadow-dom