microsoft / vscode-azureapicenter

MIT License
17 stars 13 forks source link

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. #108

Open AnKushSingh05 opened 6 months ago

AnKushSingh05 commented 6 months ago

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:

Bug_108_gif

AnKushSingh05 commented 5 months ago

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

AnKushSingh05 commented 5 months ago

IRT Bug logged:222928

Yash14j commented 4 months ago

GitHub Tags:

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