Sample challenge page: Details and registrants should be tabs instead of links. Also screen readers do not announce which one of these is selected.

Register
Submit a solution
The challenge is finished.

Challenge Overview

Steps to Reproduce

  1. Go to the sample challenge page: https://clicktime.symantec.com/34CaebazimgmFxdkBZnihRc7Vc?u=https%3A%2F%2Fwww.topcoder.com%2Fchallenges%2F<sample-Sample challenge page:challengeid>?tab=details. 2. Ensure that the screen reader is switched on. 3. Navigate to the 'details' and 'registrants' controls either by tab or arrow keys. 4. Notice that these are being read as links and there is no indication to the screen reader user as to which one of these is currently selected.

Expected Result Since these controls do not refresh the page and do not move focus to a different page, they should be tabs. Also the c urrently highlighted control should be indicated to the user.

Actual Result Screen readers read the 'details' and 'registrants' controls as links and do not indicate which of these is currently selected.

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

WCAG Category: 1. Perceivable WCAG Level: A WCAG Success Criterion: 1.3.1 Info and Relationships 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%2022



Final Submission Guidelines

Upload the updated code to TopCoder

Review style

Final Review

Community Review Board

Approval

User Sign-Off

Challenge links

ID: 30097318