primitives icon indicating copy to clipboard operation
primitives copied to clipboard

[a11y] WAVE error on Dialog and other primitives (Broken Aria Reference: aria-labelledby)?

Open gustaveWPM opened this issue 1 year ago • 1 comments

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.

gustaveWPM avatar Apr 12 '24 09:04 gustaveWPM

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.

febeling avatar Apr 16 '24 14:04 febeling