Incorrect name is provided for close button as image: A11y_VS Code extension for API Center_Open API Documentation_Close_Name Role Value.

[AnKushSingh05]

GitHub Tags

#A11yTCS; #A11ySev2; #Mac; #WCAG4.1.2; #GH_VSCodeextensionforAPICenter_Mac_Apr2024; #DesktopApp; #VS Code Extension for API Center; #Name Role Value; #AILimited; #A11yMAS; #device;#External;#External:SwaggerUI;#eDAD:3p:Bug222927;#ThirdParty;
#ThirdParty:Bug222927;

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. 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.
8. Tab till authorize button and press enter
9. Verify whether the correct name is provided for close button as image or not.

Actual Result:

Incorrect name is provided for close button as image.

Expected Result:

Correct name as a button should be provided for close button.

User Impact:

Screen reader users will get the confuse if the incorrect name is provided.

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: 222927

[Yash14j]

Github tags:

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

[formulahendry]

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

@AnKushSingh05 Here is the Code pen link: https://codepen.io/formulahendry/pen/xxvQGaQ

[AnKushSingh05]

External bug: swagger-api/swagger-ui#10320

[AnKushSingh05]

Adding the tag #ResolvedByTT;