You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am using combobox as described in the documentation. I tried testing it with screen readers (NVDA and Talkback). I observed that while combobox itself is navigable and announced, the items that appear within the results are not announced.
After digging a bit, I found that Radix Vue does not move focus to other list items upon navigation. I came to this conclusion after being unable to see a distinct black border that is created by Talkback on an item focused on the screen. While the hover state of the ComboboxItem changes, it does not receive focus required for the screen reader.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I am using combobox as described in the documentation. I tried testing it with screen readers (NVDA and Talkback). I observed that while combobox itself is navigable and announced, the items that appear within the results are not announced.
After digging a bit, I found that Radix Vue does not move focus to other list items upon navigation. I came to this conclusion after being unable to see a distinct black border that is created by Talkback on an item focused on the screen. While the hover state of the
ComboboxItem
changes, it does not receive focus required for the screen reader.I tried to do the same with the example in the official Radix Vue combobox docs and found the same issue. However, things work well with Headless UI's combobox component.
Is this a bug?
Beta Was this translation helpful? Give feedback.
All reactions