[$10][MSFT-18] [Challenge Feed] "Compete", "Tracks" and "Community" menu text 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. Check the "Compete" menu
3. Check the "Tracks" menu
4. Check the "Community" menu

Expected Result
Expected contrast ratio of 4.5:1

Passes AA, if you change text color to #767677New contrast ratio: 4.54

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 2.99 (foreground color: #959596, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1

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: N/A

Attachment
https://topcodermsft-my.sharepoint.com/personal/pd-topcoder_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=58da9b68%2Df2a3%2D45d2%2Dbbae%2D15abdfd0865b&FolderCTID=0x0120005C598A51049FC14CBA882E1AEE168F51&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%2F3

[ThomasKranitsas]

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

This is an automated message for thomaskranitsas via Topcoder X

[r0hit-gupta]

Please assign me

[cwdcwd]

[500]: Challenge for the updated issue 2742 is creating, rescheduling this event

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

[500]: Challenge for the updated issue 2742 is creating, rescheduling this event

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

[500]: Challenge for the updated issue 2742 is creating, rescheduling this event

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

Contest https://www.topcoder.com/challenges/30097474 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
URL : https://test-community-app.topcoder-dev.com/challenges

[tosha5252]

Changed to #6b6b6b

Operating System: Windows
Browser: Chrome and Edge

[crazyk07]

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

This is an automated message for crazyk via Topcoder X