Skip to content

[$15][MSFT-83] [Member] - The contrast color is low for Unregistered Button #2794

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.

Sign up for GitHub

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

Jump to bottom
Closed
veshu opened this issue Jul 17, 2019 · 16 comments
Closed

[$15][MSFT-83] [Member] - The contrast color is low for Unregistered Button #2794

veshu opened this issue Jul 17, 2019 · 16 comments
Assignees
@r0hit-gupta
Labels
Accessibility tcx_FixAccepted tcx_Paid

Comments

@veshu
Copy link
Contributor

veshu commented Jul 17, 2019

Steps to Reproduce

  1. Go to https://www.topcoder.com/challenges/XXXXXXX
  2. Inspect Element
  3. Observe the color of Unregistered Button.

Expected Result
Expected contrast ratio of 4:5:1.

Actual Result
Element has insufficient color contrast Ration 2.5:1 (foreground color: #FFFFFF, background color: ###ff5b52, Contrast Ratio : 3.06:1)

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%2083
@veshu veshu changed the title [MSFT-83] [Member] - The contrast color is low for Unregistered Button [$10][MSFT-83] [Member] - The contrast color is low for Unregistered Button Jul 18, 2019
@ThomasKranitsas
Copy link
Contributor

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

This is an automated message for thomaskranitsas via Topcoder X

@ThomasKranitsas
Copy link
Contributor

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

This is an automated message for thomaskranitsas via Topcoder X

@r0hit-gupta
Copy link
Collaborator

Please assign me

@r0hit-gupta r0hit-gupta mentioned this issue Jul 19, 2019
Merged
@r0hit-gupta
Copy link
Collaborator

PR at topcoder-archive/topcoder-platform-topcoder-react-ui-kit#8

@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 19, 2019

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

This is an automated message for lazybaer via Topcoder X

@Dara-K
Copy link

Dara-K commented Jul 20, 2019

Please change the color of the Unregister button to #EA1900

@r0hit-gupta
Copy link
Collaborator

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

@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[500]: Challenge for the updated issue 2794 is creating, rescheduling this event

This is an automated message for lazybaer via Topcoder X

1 similar comment
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[500]: Challenge for the updated issue 2794 is creating, rescheduling this event

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/30097305 has been created for this ticket.

This is an automated message for lazybaer via Topcoder X

@jmgasper jmgasper assigned r0hit-gupta and unassigned r0hit-gupta Jul 25, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

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

This is an automated message for lazybaer via Topcoder X

@veshu veshu changed the title [$10][MSFT-83] [Member] - The contrast color is low for Unregistered Button [$15][MSFT-83] [Member] - The contrast color is low for Unregistered Button Jul 25, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

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

This is an automated message for lazybaer via Topcoder X

@sushilshinde
Copy link
Collaborator

@veshu @codeMinter @r0hit-gupta I made a release "topcoder-react-ui-kit": "1.0.4"

Also updated community-app it will be reflected in 20 mins,

Please clear cache and test

@r0hit-gupta
Copy link
Collaborator

@sushilshinde working for me. Button color is #ea1900 as Dara-K suggested and passes WCAG AA requirement.

Test URL - https://test-community-app.topcoder-dev.com/challenges

@Oanh-and-only-Oanh Oanh-and-only-Oanh added the P1 Urgent (resolve within 24 hours) label Jul 31, 2019
@drasticdpk
Copy link
Collaborator

Verified on
Operating System: macOS
Browser: Chrome

@drasticdpk drasticdpk added QA Pass in PROD Passed verification on Production tcx_FixAccepted and removed Ready for Prod QA labels Aug 1, 2019
@crazyk07
Copy link

crazyk07 commented Aug 1, 2019

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

This is an automated message for crazyk via Topcoder X

@crazyk07 crazyk07 added tcx_Paid and removed Accessibility P1 Urgent (resolve within 24 hours) QA Pass in PROD Passed verification on Production labels Aug 1, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@r0hit-gupta r0hit-gupta

Labels
Accessibility tcx_FixAccepted tcx_Paid
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests