search

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_Definition_OpenAPIDocumentation_Keyboard. #115

Open PoojaNamde opened 6 months ago

PoojaNamde commented 6 months ago

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

Please do not close this bug. This bug should only be closed by Trusted Tester after verification.

GitHub Tags

A11yTCS; #A11yMAS; #A11ySev2; #WCAG2.4.11; #GH_VSCodeextensionforAPICenter_Linux_Apr2024; #DesktopApp; #VS Code Extension for API Center; #Keyboard; #Linux; #FTP; #A11yWCAG2.2;

Environment Details:

Application Name: VS Code Extension for API Center OS: Linux- Ubuntu 22.04.4

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. The name which you have provided to the definition will appear for ex-"openapi4", right click on it.
  6. Go to "Open API Documentation" using the down arrow and press enter.
  7. Demo conference API screen will appear. TAB to "Authorize" button and hit ENTER key.
  8. "Available Authorization" dialog will open. Navigate using TAB key and observe the issue.

Actual Result:

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

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:

https://github.com/microsoft/vscode-azureapicenter/assets/90901519/93dbbdb9-ecaf-4dab-87d3-1888d7d814b6

AnKushSingh05 commented 5 months ago

IRT Bug logged: 222928

Yash14j commented 4 months ago

Github Tags:

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