WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Navigating listbox with NVDA

for

From: mhysnm1964@gmail.com
Date: Sep 23, 2017 10:21PM

Sean, likewise I would like to see a sample code of this UI, so I can test it. What happens if you use Jaws or Voice-Over?

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Sean Keegan
Sent: Sunday, 24 September 2017 7:33 AM
To: <EMAIL REMOVED>
Subject: [WebAIM] Navigating listbox with NVDA

Hello all,

I have a button element that expands an unordered list of options. This list is encompassed with a parent <ul> element with tabindex=0 and role=listbox. The list of options is hidden until the user presses the button.

Right now, when the button element is activated, the unordered list of options opens and focus is set to one of the options (it is a list of countries). A subsequent tab key takes the user out of the list and into the next form input.

A problem we are encountering is with NVDA+Firefox in that NVDA remains in browse mode when the unordered list of options opens. Attempting to navigate with the arrow keys continues moving the user through the page, not the list. The user must manually invoke NVDA's focus mode in order to navigate the list.

Is this expected behavior with NVDA in that focus mode must be manually set to navigate a listbox region of options after being opened?

Running current versions of NVDA and Firefox.

Thanks in advance,
Sean