[PWA Builder]: Nested Interactive Controls Unannounced by Screen Readers.

[Anshi0420]

What happened?

There are nested interactive controls (such as buttons or links) within another interactive control (like a dropdown menu or modal dialog).

How do we reproduce the behavior?

Repro Steps:

1. Open the given PWA Builder URL in Anaheim dev browser.
2. Run the Fast pass from the AI4W.
3. Observe the issue.

What do you expect to happen?

Interactive controls should not be nested within each other to ensure they are properly announced and accessible to screen readers and other assistive technologies.

What environment were you using?

OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.461) Edge Browser: Version 123.0.2400.1 (Official build) dev (64-bit) URL: https://www.pwabuilder.com/reportcard?site=https://webboard.app Tool: AI4W

Additional context

Element path: app-index,app-report,#todo-detail,#header

Snippet:

**How to fix:** Fix any of the following: Element has focusable descendants **User Impact:** When interactive controls are nested, screen readers may not announce them correctly or users may experience difficulties in navigating and interacting with these controls using assistive technologies. **WCAG Reference:** https://www.w3.org/WAI/WCAG22/Understanding/name-role-value **Attachments:**   

[microsoft-github-policy-service[bot]]

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .