Skip to content

[$10][MSFT-128] Sample challenge page: The 'submit' link appears grayed out visually but it is not announced as disabled by the screen reader. #2826

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 · 13 comments
Closed

[$10][MSFT-128] Sample challenge page: The 'submit' link appears grayed out visually but it is not announced as disabled by the screen reader. #2826

veshu opened this issue Jul 17, 2019 · 13 comments
Assignees
@PrakashDurlabhji
Labels
Accessibility Incomplete tcx_FixAccepted tcx_Paid

Comments

@veshu
Copy link
Contributor

veshu commented Jul 17, 2019

Steps to Reproduce

  1. Go to the sample challenges page: https://clicktime.symantec.com/34CaebazimgmFxdkBZnihRc7Vc?u=https%3A%2F%2Fwww.topcoder.com%2Fchallenges%2F?tab=details. 2. Ensure that the screen reader is switched on. 3. Navigate to the 'submit' link using the arrow keys. 4. Notice that this link appears greyed out visually however it is not announced as disabled by the screen reader.

Expected Result
The screen reader should announce the 'submit' link as disabled when it is not available for activation. Colour should not be the only way to highlight the element as disabled.

Actual Result
The screen reader doesn't announce the 'submit' link as disabled even though it is visually greyed out.

Device: Desktop/Labtop
Operating System: Windows
Browser: Chrome

WCAG Category: 1. Perceivable
WCAG Level: A
WCAG Success Criterion: 1.4.1 Use of Color
Screen Reader Used: JAWS
Accessibility Audit Tool used: N/A

Attachment
https://topcodermsft-my.sharepoint.com/personal/pd-topcoder_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=088f5f5d%2D9b1c%2D4b7e%2Dacbf%2D320c257c9a9a&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%2FKameshwarid%2Fbug%2032
@veshu veshu changed the title [MSFT-128] Sample challenge page: The 'submit' link appears grayed out visually but it is not announced as disabled by the screen reader. [$10][MSFT-128] Sample challenge page: The 'submit' link appears grayed out visually but it is not announced as disabled by the screen reader. Jul 18, 2019
@ThomasKranitsas
Copy link
Contributor

Contest https://www.topcoder.com/challenges/30095995 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/30095995 has been updated - the new changes has been updated for this ticket.

This is an automated message for thomaskranitsas via Topcoder X

@PrakashDurlabhji PrakashDurlabhji self-assigned this Jul 18, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 18, 2019

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

This is an automated message for lazybaer via Topcoder X

@PrakashDurlabhji PrakashDurlabhji mentioned this issue Jul 18, 2019
Closed
@PrakashDurlabhji
Copy link
Contributor

@veshu kindly read description in PR. thankyou
topcoder-platform/topcoder-react-utils#35

@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[400]: Failed to create challenge. Detail: Operation failed in the contest service facade.

This is an automated message for lazybaer via Topcoder X

3 similar comments
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[400]: Failed to create challenge. Detail: Operation failed in the contest service facade.

This is an automated message for lazybaer via Topcoder X

@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[400]: Failed to create challenge. Detail: Operation failed in the contest service facade.

This is an automated message for lazybaer via Topcoder X

@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[400]: Failed to create challenge. Detail: Operation failed in the contest service facade.

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/30097259 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/30097259 has been updated - it has been assigned to PkDurlabhji.

This is an automated message for lazybaer via Topcoder X

@PrakashDurlabhji
Copy link
Contributor

PrakashDurlabhji commented Jul 29, 2019 •
edited
Loading

@veshu new PR topcoder-platform/topcoder-react-utils#48
@luizrrodrigues

@Oanh-and-only-Oanh Oanh-and-only-Oanh added the P0 Critical (resolve within 4 hours) label Jul 31, 2019
@crazyk07
Copy link

Closing ticket due to shift in priority, will not be able to complete but will still pay for effort rendered.

Note: Ticket was dependent on react Utils

@crazyk07
Copy link

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

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
Assignees

@PrakashDurlabhji PrakashDurlabhji

Labels
Accessibility Incomplete tcx_FixAccepted tcx_Paid
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
10 participants
@jmgasper @sushilshinde @cwdcwd @veshu @ThomasKranitsas @sachin-maheshwari @PrakashDurlabhji @crazyk07 @agrawal-prateek @Oanh-and-only-Oanh