When we navigate using TAB key inside the "Available Authorization" dialog keyboard focus moves to background content after the 'Close' button: A11y_VS Code extension for API Center_Open API Documentation_Available authorizations_Keyboard.

[AnKushSingh05]

GitHub Tags

#A11yTCS; #A11ySev2; #Mac; #WCAG2.4.11; #GH_VSCodeextensionforAPICenter_Mac_Apr2024; #DesktopApp; #VS Code Extension for API Center; #keyboard #A11yMAS; #device; #A11yWCAG2.2;

Environment Details:

Application Name: VS Code Extension for API Center
macos sonoma version:14.4.1

Repro Steps:

1. Create an API center in azure portal.
2. Open Visual studio Code.
3. Tab till API center extension in the left side panel and press enter.
4. Tab till definition under the Api name which you have created, and press enter.
5. Tab till azure tool manual testing and click on it.
6. Tab till environment and click on it.
7. Tab till open API and press enter.
8. Go to "Open API Documentation" using the down arrow and press enter.
9. Demo conference API screen will appear.
10. Tab till Authorize button and press enter.
11. Verify whether the When we navigate using TAB key inside the "Available Authorization" dialog keyboard focus moves to background content after the 'Close' button or not.

Actual Result:

When we navigate using TAB key inside the "Available Authorization" dialog keyboard focus moves to background content after the 'Close' button

Expected Result:

When we navigate using TAB key inside the "Available Authorization" dialog keyboard focus should not move to background content after the 'Close' button. Also, with "ESC" key we should be able to close the dialog.

User Impact:

Keyboard users will face difficulty here as they will not be able to understand where the focus is and will not be able to interact with the required controls.

Attachment:

[AnKushSingh05]

@formulahendry Can you please provide us the standalone sample app or Code pen link to route this bug to external team.

[AnKushSingh05]

IRT Bug logged:222928

[Yash14j]

GitHub Tags:

#External;#External:SwaggerUI;#eDAD:3p:222928;ThirdParty;

[AnKushSingh05]

Issue is not fixed in the latest version

[AnKushSingh05]

External bug: https://dev.azure.com/CSS-IRT/CSS%20IRT/_workitems/edit/222928