Skip to content

[$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. #2822

Closed
@veshu

Description

@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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions