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

MAS 1.4.3: Elements must have sufficient color contrast (div:nth-child(1)) #1354

Closed
priysn opened this issue Nov 14, 2018 · 3 comments
Closed
Assignees
Labels
A11yMAS area-accessibility bug Indicates an unexpected problem or an unintended behavior. Duplicate This issue or pull request already exists HCL_BotFramework_WebChat HCL p0 Must Fix. Release-blocker

Comments

@priysn
Copy link

priysn commented Nov 14, 2018

Issue Details
Elements must have sufficient color contrast
color-contrast

Repro Steps:

  1. Open URL in Edge browser.
  2. Notice 'Upload File' and 'Send' button icons present in bottom of screen.
  3. Type 'Help' in the input control at the bottom of the screen and hit enter (or click on send button).
  4. Content will upload, Navigate to " Demo for GitHub repository sample " button and click on it.
  5. ‘sample:github-repository’ page appear in bottom section.
  6. Verify the color contrast on ‘No renderer for this attachment’ text.

Element Path
li:nth-child(1) > .css-djy7c2 > .css-19kadhh > div:nth-child(1)

Snippet

No renderer for this attachment

How to fix
Fix any of the following:

  • Element has insufficient color contrast of 3.99 (foreground color: #ffffff, background color: #ff0000, font size: 12.0pt, font weight: normal). Expected contrast ratio of 4.5:1

Test Environment:
OS: Windows 10
OS Build: 17763.55
OS Version: 1809
Browser: Edge
Tool: K4W

This accessibility issue was found using Keros for Web, a tool that helps debug and find accessibility issues earlier. Get more information & download this tool at

mas1 4 3_sample

@priysn priysn added bug Indicates an unexpected problem or an unintended behavior. area-accessibility MAS1.4.3 labels Nov 14, 2018
@priysn priysn self-assigned this Nov 14, 2018
@priysn priysn removed their assignment Nov 23, 2018
@compulim
Copy link
Contributor

@corinagum please change it to #EF0000.

@corinagum
Copy link
Contributor

Closed as duplicate of #1341

@microsoft microsoft locked and limited conversation to collaborators Sep 17, 2020
@cwhitten
Copy link
Member

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
A11yMAS area-accessibility bug Indicates an unexpected problem or an unintended behavior. Duplicate This issue or pull request already exists HCL_BotFramework_WebChat HCL p0 Must Fix. Release-blocker
Projects
None yet
Development

No branches or pull requests

4 participants