Voiceover reading element as text element rather than link inside list box #2898
Unanswered
lcnogueira
asked this question in
Help
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
First of all, I wanted to point out that I'm not sure if this is an issue if it's something related to the way I'm using the headlessui lib, or if it's even a voiceover bug. I've read some PRs (I can share if needed), but couldn't find an answer.
I'm working on a Nextjs app that uses a structure like this (kept only the markup that might be relevant to this discussion):
This renders a markup like the image below. As you can see I have a
<ul role="listbox">
wrapping a<li role="none">
that wraps a<a role="option">
. I can navigate through the elements using my keyboard arrows and I'm able to useTab
/Enter
to select the elements. Once selected, theonChangeMethod
pushes the route tooption.href
. The only issue, as you can see on the photo, is that Voiceover reads that as a text element, but I think (??) it should be reading that as a link.If I go to an actual link, this is what the voiceover says:

Feel free to share any thoughts. Thank you in advance!
Beta Was this translation helpful? Give feedback.
All reactions