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

[MAS1.4.3] Luminosity Contrast Ratio of 'Mic' button icons is less than required. #1411

Closed
priysn opened this issue Nov 29, 2018 · 1 comment
Assignees
Labels
area-accessibility bug Indicates an unexpected problem or an unintended behavior. front-burner p1 Painful if we don't fix, won't block releasing size-s 1 days or less

Comments

@priysn
Copy link

priysn commented Nov 29, 2018

Actual Result:
Luminosity Contrast Ratio of 'Send' button icon is 2.4:1.

Expected Result:
Luminosity Contrast Ratio of 'Send' button should be greater than or equal to 4.5:1.

Repro Steps:

  1. Open URL https://apac01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fmicrosoft.github.io%2FBotFramework-WebChat%2Fspeech-cognitive-services-bing-speech%2F%3Fs%3D7c7dacfe04044f4f99a1edcf9b0e2ab9&data=02%7C01%7Cv-saugup%40microsoft.com%7C0f6f5e63167449daa46d08d65570f676%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636790341026155420&sdata=gcFq8JsflCLfUKAyw8f2A19aJcEQEFxGzjASMK9S59A%3D&reserved=0 in Edge browser.
  2. Notice 'Upload File' and 'Mic' button icons present in bottom of screen.
  3. Open 'Colour Contrast Analyser' and select Foreground & Background color of mentioned elements one by one.
  4. Notice value of Luminosity Contrast Ratio for Mic button.

User Impact:
Users with low vision or Color blindness will find it difficult to access content with low luminosity contrast ratio.

Test Environment:
OS: Windows 10
OS Build: 17134.345
OS Version: 1803
Browser: Edge
Tool: Color Contrast Analyser

Attachment:
mas1 4 3_cca for mic button

@priysn priysn added bug Indicates an unexpected problem or an unintended behavior. area-accessibility MAS1.4.3 labels Nov 29, 2018
@priysn priysn changed the title Code Issues 175 Pull requests 18 Projects 1 Wiki Insights [MAS1.4.3] Luminosity Contrast Ratio of 'Mic' button icons is less than required. [MAS1.4.3] Luminosity Contrast Ratio of 'Mic' button icons is less than required. Nov 29, 2018
@corinagum corinagum self-assigned this Nov 29, 2018
@corinagum corinagum added 4.3 p1 Painful if we don't fix, won't block releasing front-burner and removed UnderReview labels Nov 29, 2018
@compulim compulim added this to the v4.2.2 (Accessibility yellow) milestone Dec 6, 2018
@corinagum corinagum added the size-s 1 days or less label Dec 7, 2018
@Amit8527510735
Copy link

Amit8527510735 commented Nov 17, 2020

#HCL;#Accessibility;#HCL_BotFramework_WebChat;#A11yMAS;#WCAG1.4.3;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-accessibility bug Indicates an unexpected problem or an unintended behavior. front-burner p1 Painful if we don't fix, won't block releasing size-s 1 days or less
Projects
None yet
Development

No branches or pull requests

4 participants