primitives
primitives copied to clipboard
[a11y] WAVE error on Dialog and other primitives (Broken Aria Reference: aria-labelledby)?
Note
As I'm using Shadcn/ui, maybe the root cause of this is NOT Radix UI.
Question
Hello. I have noticed an error with WAVE plugin: https://chromewebstore.google.com/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh?pli=1
When I open a dialog and then inspect the page with WAVE, I got the following error message:
Broken ARIA reference An aria-labelledby or aria-describedby referenceexists, but the target for the reference does not exist.
I think it comes from this:
<div role="dialog" id="radix-:Rmlt6ukq:" aria-describedby="radix-:Rmlt6ukqH2:" aria-labelledby="radix-:Rmlt6ukqH1:" data-state="open" ... />
Is this issue already known, or would it be appreciated to investigate furthermore?
Update: Select seems to be concerned too.
I have a problem where the label and select aren't linked - the (hidden, native) select lacks the id attribute. (@radix-ui/[email protected])
Chrome devtools show that under "Issues" as "Incorrect use of
Sounds related.