[$30][MSFT-124] Sample challenge page: Details and registrants should be tabs instead of links. Also screen readers do not announce which one of these is selected.

[veshu]

Steps to Reproduce

1. Go to the sample challenge 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 '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

[ThomasKranitsas]

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

This is an automated message for thomaskranitsas via Topcoder X

[ThomasKranitsas]

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

This is an automated message for thomaskranitsas via Topcoder X

[r0hit-gupta]

Please assign me

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[codeMinter]

@r0hit-gupta please create separate PR per ticket.

[r0hit-gupta]

@codeMinter will do that.

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[drasticdpk]

Operating System: Windows
Browser: Chrome
URL : https://test-community-app.topcoder-dev.com/challenges/30055274

[drasticdpk]

Verified on,
Operating System: Windows
Browser: Chrome

[crazyk07]

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

This is an automated message for crazyk via Topcoder X