{MSFT-102} Challenges page: Screen readers announce the details of the challenge in an incorrect order.

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

Final Submission Guidelines

Upload the updated code to TopCoder