[$10][MSFT-29] [Challenge Feed] "Topcoder 2019" contrast between foreground and background colors won't meet WCAG 2 AA contrast ratio thresholds

[veshu]

Steps to Reproduce

1. Go to https://www.topcoder.com/challenges and Login using valid credentials
2. In the footer; check "Topcoder 2019"

Expected Result
Expected contrast ratio of 4.5:1

• Passes AA, if you change background color to #3F3F3F. New contrast ratio: 4.54
• Passes AA, if you change text color to #6A6A6C. New contrast ratio: 4.53

Some people with low vision experience low contrast, meaning that there aren't very many bright or dark areas. Everything tends to appear about the same brightness, which makes it hard to distinguish outlines, borders, edges, and details. Text that is too close in luminance (brightness) to the background can be hard to read.

Actual Result
Element has insufficient color contrast of 1.94 (foreground color: #aaaaab, background color: #ebebeb, font size: 9.8pt, font weight: normal).

Device: Desktop/Labtop
Operating System: Windows
Browser: Chrome

WCAG Category: 1. Perceivable
WCAG Level: AA
WCAG Success Criterion: 1.4.3 Contrast (minimum)
Screen Reader Used: N/A
Accessibility Audit Tool used: Other

Attachment
https://topcodermsft-my.sharepoint.com/personal/pd-topcoder_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=58da9b68%2Df2a3%2D45d2%2Dbbae%2D15abdfd0865b&FolderCTID=0x0120005C598A51049FC14CBA882E1AEE168F51&sortField=Modified&isAscending=true&id=%2Fpersonal%2Fpd%2Dtopcoder%5Ftopcodermsft%5Fonmicrosoft%5Fcom%2FDocuments%2FMSFT%2DTeams%2DQA%2FJune%202019%2F29%20Jun%2FTest%20Results%2FBug%20Videos%20%26%20Log%20Files%2Fcodejam%2DAccessibility%2F13

[ThomasKranitsas]

[400]: Failed to create challenge. Detail: Operation failed in the contest service facade.

This is an automated message for thomaskranitsas via Topcoder X

[ThomasKranitsas]

[400]: Failed to create challenge. Detail: Operation failed in the contest service facade.

This is an automated message for thomaskranitsas via Topcoder X

[ThomasKranitsas]

Contest https://www.topcoder.com/challenges/30096163 has been created for this ticket.

This is an automated message for thomaskranitsas via Topcoder X

[r0hit-gupta]

Please assign me

[ThomasKranitsas]

Contest https://www.topcoder.com/challenges/30096163 has been updated - it has been assigned to rohitgupta_.

This is an automated message for thomaskranitsas via Topcoder X

[r0hit-gupta]

@veshu how do I self assign myself from now onwards? I cannot see the option.

[veshu]

@r0hit-gupta Can you please check with this link https://x.topcoder.com/api/v1/github/teams/registration/e07056ab-46c5-407d-9323-1f20de914a6e-1563396610310

[r0hit-gupta]

@veshu it says {"version":"v3","result":{"success":false,"status":403,"content":{"message":"Failed to authenticate token."}}}

[veshu]

@r0hit-gupta how about this https://x.topcoder.com/api/v1/github/teams/registration/462d863d-9f1a-4179-a215-29f71a551e4f-1563464121672 ?

@r0hit-gupta Does this worked?

[r0hit-gupta]

@veshu same result. I have Github 2FA already enabled.

[veshu]

@Dara-K Can we use this color b8b8b9 for this one?

Please suggest the color for this. Thanks!

[Dara-K]

Please use #AAAAAB. The above color is not in the gray palette we use.

[cwdcwd]

Contest https://www.topcoder.com/challenges/30097523 has been created for this ticket.

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

Contest https://www.topcoder.com/challenges/30097523 has been updated - it has been assigned to rohitgupta_.

This is an automated message for lazybaer via Topcoder X

[drasticdpk]

Operating System: Windows
Browser: Chrome
Test URL : https://test-community-app.topcoder-dev.com/challenges

[drasticdpk]

As suggested by @lakshmiathreya, Verified the color code provided by designer on production env.
Operating System: Windows
Browser: Chrome

[crazyk07]

Payment task has been updated: https://software.topcoder.com/review/actions/ViewProjectDetails?pid=30097523

This is an automated message for crazyk via Topcoder X