NVDA doesn't read submenu's parent element when we focus on it and hide its submenu

[ariellyciandt]

Hello,

I am facing some issues with my NVDA here, and I don't know whether it is a bug or not. My development team is implementing a navigation menu very similar to the one used in Vision Autralia website, which is considered a WCAG AAA reference, and we ended up facing the following scenario in both websites:

Steps to reproduce:

1. When I open Vision Australia web site, and navigate in the website by using TAB key.
2. I enter inside Information menu by pressing ENTER key.
3. And I navigate inside of it by using TAB key.
4. After that, I click ESC key to close this menu.

Actual behavior:

Notice that when the menu closes, the NVDA doesn't inform in which menu the user is. And this website is doing the same thing that our website does, which is:

1. Create a keydown listener event that checks when the user press the ESC key.
2. When the user press ESC, it add a class that hides the submenus by using CSS.
3. And the JS sets the aria-expanded attribute of this menu to false.
4. The JS focus on the submenu's parent.

Expected behavior:

When the JS forces the focus on the parent's link element, the NVDA should read its text.

System configuration

Operating System: Windows 10 RAM Memory: 6GB Processor: Intel i5 8th generation

NVDA installed/portable/running from source:

Installed

NVDA version:

2018.4.1

Windows version:

Windows 10 64-bit

Name and version of other software in use when reproducing the issue:

Firefox 66.0.2 (64-bits)

Other questions

Does the issue still occur after restarting your PC?

Yes.

Have you tried any other versions of NVDA?

Yes. The 2019.1.