[$20][MSFT-143] The NVDA doesn't read link in sub-menu when user try to mouse hover on them

[veshu]

Steps to Reproduce

1. Navigate to https://www.topcoder.com/challenges?
2. Try to mouse hover on primary header menu: Compete/ Tracks/ Community
3. Then try to mouse hover on sub-menu of them

Expected Result
The NVDA should read link in sub-menu when user try to mouse hover on them

Actual Result
The NVDA doesn't read link in sub-menu when user try to mouse hover on them

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

WCAG Category: 1. Perceivable
WCAG Level: A
WCAG Success Criterion: 1.2.3 Audio Description or Media Alternative (Prerecorded)
Screen Reader Used: Other
Accessibility Audit Tool used:

Attachment
https://topcodermsft-my.sharepoint.com/personal/pd-topcoder_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=b9c070b1%2Dbb96%2D40e1%2Db92f%2D16f47db5d911&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%2Fdoremihong%2FTest%20for%20Accessibility%20Challenge%2FBug%5F15

[ThomasKranitsas]

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

This is an automated message for thomaskranitsas via Topcoder X

[ThomasKranitsas]

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

This is an automated message for thomaskranitsas via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[drasticdpk]

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

[tosha5252]

Not working in Chrome browser.

Works in Edge browser.

Operating System: Windows 10

[sushilshinde]

@tosha5252 @lakshmiathreya @crazyk07

Code is present there on the production

https://github.com/topcoder-platform/community-app/pull/2977/files

community-app/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/index.jsx

Line 21 in 894e448

const accessibleIcon = React.cloneElement(icon, { 'aria-label': `${title}` });

[gets0ul]

This is tested on local production. Chrome. Windows 10

https://drive.google.com/file/d/12q8B1p2gYqymrIskj50ywl-anWbkPjHh/view?usp=sharing

[lakshmiathreya]

Working on Win/Chrome Jaws reads on mouse over of Sub menu items. @tosha5252 pls double check. fyi - @nkumar-topcoder @sushilshinde

[tosha5252]

Video of what I get on Win/Chrome, with NVDA

TinyTake30-07-2019-07-23-21.zip

[r0hit-gupta]

@tosha5252 @lakshmiathreya working for me on Windows/Chrome using NVDA.

Test URL - https://www.topcoder.com/challenges

[gets0ul]

@tosha5252
Please re-read the issue description carefully.
The expected result is, I quoted:

The NVDA should read link in sub-menu when user try to mouse hover on them

The requirement is to read the sub-menu item when hovering on it.

Not primary header menu.
What you did in your video is hovering on primary header menu.

Please watch my uploaded video here #2836 (comment)

It was done on Chrome, Windows 10, NVDA

[lakshmiathreya]

My observation during my test is as per your comments @gets0ul @r0hit-gupta. Moving to Pass.

[crazyk07]

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

This is an automated message for crazyk via Topcoder X