Skip to content

[$80]{MSFT-102} Challenges page: Screen readers announce the details of the challenge in an incorrect order. #2806

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

[$80]{MSFT-102} Challenges page: Screen readers announce the details of the challenge in an incorrect order. #2806

veshu opened this issue Jul 17, 2019 · 22 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 the Challenges page: https://www.topcoder.com/challenges. 2. Ensure the screen reader is switched on. 3. Use the down arrow key to read through the details of the challenges. 4. Notice that the screen reader reads the details in a manner which is not clear to the user. for example, it reads $1500 first and then the word 'purse' in the next line.

Expected Result
Screen readers should read the label and its corresponding value together. For example 'stage submitted', 'purse $1500' and so on.

Actual Result
Screen readers announce the details of the challenge in an incorrect order.

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

WCAG Category: 1. Perceivable
WCAG Level: A
WCAG Success Criterion: 1.3.2 Meaningful Sequence
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%209
@veshu veshu changed the title [MSFT-102] Challenges page: Screen readers announce the details of the challenge in an incorrect order. [$10][MSFT-102] Challenges page: Screen readers announce the details of the challenge in an incorrect order. Jul 18, 2019
@veshu veshu changed the title [$10][MSFT-102] Challenges page: Screen readers announce the details of the challenge in an incorrect order. [$40][MSFT-102] Challenges page: Screen readers announce the details of the challenge in an incorrect order. Jul 18, 2019
@ThomasKranitsas
Copy link
Contributor

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

This is an automated message for thomaskranitsas via Topcoder X

1 similar comment
@ThomasKranitsas
Copy link
Contributor

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

This is an automated message for thomaskranitsas via Topcoder X

@veshu veshu changed the title [$40][MSFT-102] Challenges page: Screen readers announce the details of the challenge in an incorrect order. [$80][MSFT-102] Challenges page: Screen readers announce the details of the challenge in an incorrect order. Jul 23, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 23, 2019

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

This is an automated message for lazybaer via Topcoder X

@asadath1395 asadath1395 self-assigned this Jul 23, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 23, 2019

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

This is an automated message for lazybaer via Topcoder X

asadath1395 added a commit to asadath1395/community-app that referenced this issue Jul 23, 2019
@asadath1395
Fix topcoder-platform#2806 [MSFT-102] Challenges page: Screen readers…
89d1b1a 
… announce the details of the challenge in an incorrect order.
@jmgasper jmgasper changed the title [$80][MSFT-102] Challenges page: Screen readers announce the details of the challenge in an incorrect order. [$80]{MSFT-102} Challenges page: Screen readers announce the details of the challenge in an incorrect order. Jul 25, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

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

This is an automated message for lazybaer via Topcoder X

1 similar comment
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

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

This is an automated message for lazybaer via Topcoder X

@jmgasper jmgasper assigned asadath1395 and unassigned asadath1395 Jul 25, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

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

This is an automated message for lazybaer via Topcoder X

asadath1395 added a commit to asadath1395/community-app that referenced this issue Jul 25, 2019
@asadath1395
Fix topcoder-platform#2806 {MSFT-102} Challenges page: Screen readers…
4bbda0c 
… announce the details of the challenge in an incorrect order.
@lakshmiathreya lakshmiathreya added QA Fail QA verification on Dev has failed. Assignee to redo the fix. and removed Ready for QA labels Jul 31, 2019
@lakshmiathreya
Copy link

Prize amount is read out twice - Chrome/NVDA.

@r0hit-gupta
Copy link
Collaborator

@lakshmiathreya looking into the issue.

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

@lakshmiathreya PR #3177 this issue.

@sushilshinde sushilshinde added Ready for QA and removed tcx_ReadyForReview QA Fail QA verification on Dev has failed. Assignee to redo the fix. labels Aug 1, 2019
@lakshmiathreya lakshmiathreya added the Need clarification Need clarification to proceed fixing the issue further label Aug 1, 2019
@lakshmiathreya
Copy link

Prize amount being read correctly - Chrome on Win10/NVDA and MacOS/Voice Over ... could not find 'Stage Submitted' - @Glenn @Oanh-and-only-Oanh @nithyaasworld could you clarify.
fyi - @sushilshinde @tosha5252 @drasticdpk

@drasticdpk
Copy link
Collaborator

Hi @crazyk07 @Oanh-and-only-Oanh @nithyaasworld @lakshmiathreya @tosha5252
Here, could not find 'stage submitted' text as mentioned in issue details. For purse $1500 screen reader reads as expected. So I am making it pass for now.

Note : We are having pop up while hovering the 'Submission/Review/Stalled' section where we can see challenge details (like challenge start, submission, review, end etc.)
Can we make another issue for it which is not read by screen reader? @veshu @sushilshinde

image

@lakshmiathreya lakshmiathreya added QA Pass in PROD Passed verification on Production tcx_FixAccepted labels Aug 5, 2019
@lakshmiathreya
Copy link

Verified on Prod - MacOS/Chrome/VoiceOver Win10/Chrome/NVDA .... Challenge details read out correctly as expected ...

@crazyk07 crazyk07 added tcx_Paid and removed Accessibility Challenge Page Need clarification Need clarification to proceed fixing the issue further P0 Critical (resolve within 4 hours) QA Pass in PROD Passed verification on Production Ready for Prod QA labels Aug 5, 2019
@crazyk07
Copy link

crazyk07 commented Aug 5, 2019

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

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

@r0hit-gupta r0hit-gupta

Labels
Accessibility tcx_FixAccepted tcx_Paid
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests