[$20]{MSFT-86} {Challenges} - The contrast color is low for Help Icon near Review Score

[veshu]

Steps to Reproduce

1. Go to https://www.topcoder.com/challenges
2. Inspect Element
3. Observe the color of Help Icon near "REVIEW STYLE".

Expected Result
Expected contrast ratio of 4:5:1 should be present.

Actual Result
Element has insufficient color contrast Ration 2.17:1 (foreground color: #FFFFFF, background color: #60c700)

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

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

Attachment
https://topcodermsft-my.sharepoint.com/personal/pd-topcoder_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=ae14bf9a%2D590b%2D4bb4%2Da40a%2D4c6822c880a4&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%2FCreeya%2FBug%2086

[ThomasKranitsas]

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

This is an automated message for thomaskranitsas via Topcoder X

[ThomasKranitsas]

Contest https://www.topcoder.com/challenges/30096087 has been updated - the new changes has been updated for this ticket.

This is an automated message for thomaskranitsas via Topcoder X

[r0hit-gupta]

Please assign me

[Dara-K]

@r0hit-gupta Please change the green color to #328732

[r0hit-gupta]

@Dara-K I have changed the color. Thanks.

[tosha5252]

There are 2 button, one overlying the other, near 'review scorecard' and they are both the incorrect color...per the comments above, the green color #328732 should be used

[r0hit-gupta]

@tosha5252 it looks fine to me on production. Can please you try again in incognito? Thanks!

[tosha5252]

in incognito mode...the overlying icon disappears, but the icons are still the wrong color green...per DaraK's comment above, the color used should be #328732

[r0hit-gupta]

@r0hit-gupta Please change the green color to #328732

@Dara-K @tosha5252 this color does not exist in the palette. https://marvelapp.com/c7h2a6h/screen/59648056/handoff

I have used $tc-green-110 instead. Please let me know if it needs to be changed. Thanks!

[veshu]

@tosha5252 This color is accepted as we are using the same color throughout the green.

You can accept regardless earlier color in the comment.

[crazyk07]

@tosha5252 As long as it is the same green we are using with the other like icons, then we are fine. Be sure the tool tip works as well

[tosha5252]

1. The color green being used is acceptable
2. The tool tips are working

Win10/Chrome

[crazyk07]

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

This is an automated message for crazyk via Topcoder X