A11y_.NET Websites_.NET In-Browser Tutorial_Intro_FocusOrder: Keyboard focus is going somewhere else in background after pressing tab on code editor page.

[Jtith]

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.”

GitHubTags: #A11yTCS;#A11yWCAG2.1;#DesktopWeb;#.NET Websites;#Win10;#P2-TrydotNetWebsite-Aug21;#WCAG2.4.3;#Focus Visible;#FTP;#P2-WCP;#Keyboard;

Environment Details:

Application Name: .NET Websites #URL:https://dotnet.microsoft.com/en-us/learn/dotnet/in-browser-tutorial/1

OS and Browser Details:

Chromium Edge Version:99.0.1150.46 (Official build) (64-bit) Windows 11

Repro Steps:

1. Hit the URL: https://dotnet.microsoft.com/en-us/learn/dotnet/in-browser-tutorial/1
2. Tab till Header section present on the top
3. Tab till home>Learning Center>In-browser tutorial
4. Navigate to STEP 1 : Intro present under heading .NET In-Browser Tutorial
5. Tab till online code editor.
6. You will observe Keyboard
7. focus is going somewhere else in background after pressing tab once we enter (Alt+F1) code editor shortcut Key.

Actual:

Keyboard focus is going somewhere else in background after pressing tab on code editor page.

Note:

Similar issue is observed in below url

1. https://dotnet.microsoft.com/en-us/languages
2. https://dotnet.microsoft.com/en-us/platform/try-dotnet

Expected:

Keyboard focus should go on Run code instead of somewhere else in the background.

User Impact:

Keyboard user will get confused if the focus order is not correct.

Attachment for Reference:

[Jtith]

GitHubTags:#A11ySev3;

Note: As per discussion with SME lowering the severity.