Skip to content

[$10]Elements must have sufficient color contrast #3091

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

Closed
kkartunov opened this issue Jul 25, 2019 · 9 comments
Closed

[$10]Elements must have sufficient color contrast #3091

kkartunov opened this issue Jul 25, 2019 · 9 comments

Comments

@kkartunov
Copy link
Collaborator

Steps to Reproduce

  1. Go to https://www.topcoder.com/community/accessibility-testing
  2. Notice the menu elements and the copyright message

Expected Result
Expected contrast ratio of 4.5:1

Actual Result
Element has insufficient color contrast of 2.99 (foreground color: #959596, background color: #ffffff, font size: 10.5pt, font weight: normal)
Copyright message: Element has insufficient color contrast of 2.69 (foreground color: #6b6b6b, background color: #2a2a2b, font size: 9.0pt, font weight: normal).

Device: Desktop/Labtop
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/msft-copilots_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=2521ab22%2D4cea%2D4606%2Da210%2D50280914399c&FolderCTID=0x0120005C598A51049FC14CBA882E1AEE168F51&id=%2Fpersonal%2Fmsft%2Dcopilots%5Ftopcodermsft%5Fonmicrosoft%5Fcom%2FDocuments%2F%5BFAST%5D%20Test%20for%20Accessibility%20Series%2Fyoctocode%2Fbug%201

@kkartunov kkartunov changed the title [FAST-3] Elements must have sufficient color contrast [$10]Elements must have sufficient color contrast Jul 25, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

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

This is an automated message for lazybaer via Topcoder X

@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

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

This is an automated message for lazybaer via Topcoder X

@Dara-K
Copy link

Dara-K commented Jul 25, 2019

Copyright menu color: # 959596
Menu colors: # 555555

@kkartunov
Copy link
Collaborator Author

@topcoder-platform/topcodercompetitors this is open for pickup. PR against qa-accessibility branch.

@crazyk07
Copy link

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

This is an automated message for crazyk via Topcoder X

@PrakashDurlabhji
Copy link
Contributor

@r0hit-gupta I guess this is completed by one of your PR?

@crazyk07
Copy link

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

This is an automated message for crazyk via Topcoder X

@r0hit-gupta
Copy link
Collaborator

Copyright Message - Fixed by PR #2932
Menu Items - Fixed by PR #3062

@crazyk07
Copy link

This ticket was not processed for payment. If you would like to process it for payment, please reopen it, add the tcx_FixAccepted label, and then close it again

This is an automated message for crazyk via Topcoder X

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

9 participants