Challenge Overview
Steps to Reproduce
- Go to https://www.topcoder.com/challenges/30095032/submit and Login using valid credentials
- Check the 'support@topcoder.com' and '���Topcoder terms of use' hyperlinks
Expected Result Expected contrast ratio of 4.5:1
'support@topcoder.com' >
- Passes AA if you change background color to #121212. New contrast ratio: 4.5
- Passes AA if you change text color to #1874E1. New contrast ratio: 4.54
'���Topcoder terms of use' >
- Passes AA if you change background color to #202020. New contrast ratio: 4.53
- Passes AA if you change text color to #006FEE. New 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 'support@topcoder.com' > Element has insufficient color contrast of 4.16 (foreground color: #1f7be7, background color: #ffffff, font size: 11.3pt, font weight: normal).
'���Topcoder terms of use' > Element has insufficient color contrast of 3.5 (foreground color: #1a85ff, background color: #fcfcfc, 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%2F63