hello, hope you are doing well,
I am facing one issue , for accessibility testing it is not taking focus on inline elements sequentially.
I am Using NVDA for accessibility testing, here on tab key it woking fine but on downkey it is not taking focus on all sequential buttons instead of this it is focusing on first button n reading out all buttons including search also.
I have attached screen shot, it will take first all then approval pending and so on. all buttons are enclosed with container and put into separate div with auto width.
Your help will be appreciable.
Thanks in advance.
Hello Bharat,
Thank you for your question.
The tab key is the key that is intended to move focus between focusable elements on a web page, so as you mention, the behaviour appears correct for the tab key. The down arrow generally does not change focus though.
I would like to ask are you using the NVDA key and down arrow or just the down arrow on its own, and are you using a desktop or laptop?
The reason is what you described sounds like the NVDA + down arrow action for desktop, which is "Say all".
Here is a link to a list of NVDA commands: NVDA command key quick reference
Also just want to congratulate you for doing accessibility testing, thats awesome!
Kind regards,
Stuart
Hi Bharat, Could you please share your OML or URL.? I need to check TabIndex Attribute and Aria roles
You're facing an issue where, during accessibility testing with NVDA, the Tab key correctly moves focus across each button, but the Down arrow key reads all buttons together instead of individually.
This happens because NVDA uses the down arrow in "Browse Mode" to read content, not to move focus. If the buttons are inline and not separated clearly in the HTML, NVDA treats them as a single block of text. To fix this, wrap each button in its own <div> or use a <ul> with <li> elements for better structure.
You can also group the buttons using a container with role="group" and an aria-label to help screen readers understand the context. While the Tab key is the correct way to test keyboard focus, improving the HTML structure will make the buttons easier to read one by one using screen readers.