search

microsoft / vscode-azureapicenter

MIT License
10 stars 6 forks source link

Luminosity contrast ratio of keyboard focus indicator on Authorize button fails to meet the required ratio of 3:1: A11y_VS Code extension for API Center_Generate HTTP file_Authorize_Non Text Contrast. #105

Open AnKushSingh05 opened 3 months ago

AnKushSingh05 commented 3 months ago

GitHub Tags

A11yTCS; #A11ySev2; #Mac; #WCAG1.4.11; #GH_VSCodeextensionforAPICenter_Mac_Apr2024; #DesktopApp; #VS Code Extension for API Center; #A11yMAS; #Non Text Contrast; #A11YWCAG2.1; #device;

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 the "Generate HTTP file" using the down arrow and press enter.
  9. An HTTP file will appear.
  10. Tab till Authorize button.
  11. Verify whether the Luminosity contrast ratio of keyboard focus indicator on Authorize button meet the required ratio of 3:1 or not.

Actual Result:

Keyboard focus is going to the background control when navigating to the "Available authorizations" Page. Note: This issue is observed through out the feature.

Expected Result:

Luminosity contrast ratio of visual focus indicator on share button should be greater than or equal to required ratio of 3:1.

User Impact:

People with low vision often have difficulty perceiving tab focus that have insufficient contrast if Luminosity contrast ratio of visual focus indicator fails to meet the required ratio of 3:1. This can be exacerbated if the person has a color vision deficiency that lowers the contrast even further. Providing a lightness difference of 3:1 or greater can make these items more distinguishable when the person does not see a full range of colors

Attachment:

Bug_105
AnKushSingh05 commented 2 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 2 months ago

IRT Bug logged: 222939

Yash14j commented 2 months ago

Github Tags:

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