Skip to content

[$10][MSFT-252] "Continue" button foreground and background colors missed WCAG 2 AA contrast ratio #2904

Closed
@veshu

Description

@veshu

Steps to Reproduce

  1. Go to: https://accounts.topcoder.com/sso-login/?app=member
  2. Right click > Inspect Elements
  3. Check the "Continue" button

Expected Result

  • Contrast ratio should be 4.5:1
  • If you want passes WCAG 2 AA, you can change Background Color to #0072F0 Or you can change text color to #011565. New contrast ratio: 4.5:1

Actual Result
Foreground Color: #FFFFFF
Background Color: #1A85FF
Contrast Ratio: 3.59:1
=> Therefor, "Continue" 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%5F31

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions