The keyboard focus is not trapedinside the edit workspace dialog after last add widget button the focus is going outside the dialog which is incorrect: A11y_MCIO-GDCO-LaborReferenceSystem_Workspace_Keyboard

[Swati1700]

A11y Agency plugin is available to help with accessibility bug remediation.
The required tag has already been added: agency:agent=a11y:a11y-agent@company. Assign the bug to Agency to use it.
Please try it and share feedback on whether the remediation guidance was useful at CAIA11yAgency@microsoft.com.

GitHub Tags:

#A11yTCS; #DesktopWeb; #FTP; #Win11; #A11ySev2; #A11yMAS; #WCAG2.4.3; #Focus Order; #ES Chat; #agency:agent=a11y:a11y-agent@company; #A11yMAS; #ChromiumEdge; #AILimited; #MCIO-GDCO-LaborReferenceSystem; #E2E_MCIO-GDCO-LaborReferenceSystem_Web_June26; #Keyboard;

Issue Subcategory:

Focus not managed for invoked elements

User Experience:

Keyboard users cannot easily find or reach a newly opened popup, dialog, or menu. They must Tab through the entire page to reach the new content, or may not discover it at all.

Repro Steps:

Start NArrator/NVDA --> Launch URL https://dccentral-test.microsoft.com/workspace?DDUROUTE=true --> Workspace --> Edit Workspace --> Add widget

Actual Result:

Focus moves outside the Edit Workspace dialog and lands on content behind the modal.
When a popup, dialog, or menu is opened, focus remains on the trigger element instead of moving to the first focusable element within the new content.

Expected Result:

Focus should move programmatically to the first focusable element of the invoked popup, dialog, or menu when it opens.

How to fix:

Use JavaScript to move focus to the dialog’s first focusable element on open. Return focus to the trigger element when the dialog closes.

Environment details:

Application Name: MCIO-GDCO-LaborReferenceSystem
URL: https://dccentral-test.microsoft.com/workspace?DDUROUTE=true
Chromium Edge version: Microsoft Edge version 149.0.0.0 (Official Build) (64-bit)
OS: Windows 11 Enterprise Insider Preview 26200.8655

MAS reference:

MAS 2.4.3 – Focus Order
Check out MAS 2.4.3: Focus Order Guide for resources and suggestions.

Note:

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification."
"Contact CAI Accessibility Support Channel for Accessibility queries on design, development, test, usability or any processes"
Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
"Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours."

Attachment: