Skip to content

[$10][MSFT-127] Sample challenge page: The labels for the links under the heading 'share' are incorrectly announced by screen readers when navigating with arrow keys. #2825

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 NVDA screen reader is switched on. 3. Navigate to the 'share' heading. 4. Press the down arrow from here to navigate to the links under this heading. 5. Note that the label of the links are not announced.

Expected Result
Each link should be appropriately labelled not only through the title attribute but a proper link text or aria-label.

Actual Result
Screen reader announces 'link graphic icon f' for facebook, 'link graphic icon twitter' for twitter and so on. It announces 'link graphic icon +' for the link which displays more social sharing links.

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%2025

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions