Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ORCA screen reader is not announcing "Schemes" label name along with its options.: A11y_VS Code extension for API Center_Definition_OpenAPIDocumentation_ScreenReader #112

Open
PoojaNamde opened this issue Apr 5, 2024 · 2 comments
Labels
A11y accessbility external Issues from external products/dependencies p2 swagger-ui

Comments

@PoojaNamde
Copy link

PoojaNamde commented Apr 5, 2024

"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; #WCAG1.3.1; #GH_VSCodeextensionforAPICenter_Linux_Apr2024; #DesktopApp; #VS Code Extension for API Center; #ORCA; #Linux; #FTP; #Element:Dropdown;

Environment Details:

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

Repro Steps:

  1. Start ORCA screen reader.
  2. Create an API center in azure portal.
  3. Open Visual studio Code.
  4. Tab till API center extension in the left side panel and press enter.
  5. Tab till definition under the Api name which you have created, and press enter.
  6. The name which you have provided to the definition will appear for ex-"openapi4", right click on it.
  7. Go to "Open API Documentation" using the down arrow and press enter.
  8. Demo conference API screen will appear. TAB to "Schemes" dropdown.
  9. Observe the issue.

Actual Result:

ORCA screen reader is not announcing "Schemes" label name along with its options, as label is not associated with its field.

Similar issue is also observed in below scenario:
Issue 1: Definition_ Open API Documentation

  1. Start ORCA screen reader.
  2. Create an API center in azure portal.
  3. Open Visual studio Code.
  4. Tab till API center extension in the left side panel and press enter.
  5. Tab till definition under the Api name which you have created, and press enter.
  6. The name which you have provided to the definition will appear for ex-"openapi4", right click on it.
  7. Go to "Open API Documentation" using the down arrow and press enter.
  8. Demo conference API screen will appear. TAB to "Authorize" button and hit ENTER key.
  9. "Available Authorization" dialog will open. TAB to "Value" edit field and observe that label is not associated with its field.

Expected Result:

ORCA screen reader should be announcing "Schemes" label name along with its options.

User Impact:

Screen reader users will not get the information about the control and it purpose.

Attachment:

112_A11y_VS Code extension for API Center_Definition_OpenAPIDocumentation_ScreenReader

112_A11y_VS Code extension for API Center_Definition_OpenAPIDocumentation_Similar issue

@adashen adashen added A11y accessbility p2 labels Apr 10, 2024
@formulahendry formulahendry added external Issues from external products/dependencies swagger-ui labels Apr 11, 2024
@AnKushSingh05
Copy link

@Yash14j
Copy link

Yash14j commented May 8, 2024

GitHub Tags:

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11y accessbility external Issues from external products/dependencies p2 swagger-ui
Projects
None yet
Development

No branches or pull requests

5 participants