Skip to content

[$10][MSFT-257] "Login" button foreground and background colors missed WCAG 2 AA contrast ratio #2907

Closed
@veshu

Description

@veshu

Steps to Reproduce

  1. Open private tab and go to: https://www.topcoder.com/challenges
  2. Right click > Inspect Elements
  3. Check the "Login" button

Expected Result

  • Contrast ratio should be 4.5:1
  • If you want passes WCAG 2 AA, you can change text color to #0074E8. New contrast ratio: 4.5:1

Actual Result
Foreground Color: #0681FF
Background Color: #FFFFFF
Contrast Ratio: 3.75:1
=> Therefor, "Login" button foreground and background colors missed WCAG 2 AA contrast ratio

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=b9c070b1%2Dbb96%2D40e1%2Db92f%2D16f47db5d911&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%2Fdoremihong%2FTest%20for%20Accessibility%20Challenge%2FBug%5F36

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions