SpeedDial: Invalid aria-controls value being set in list items

[mvl22]

Describe the bug

We are seeing a Lighthouse report complaining about invalid aria-controls values, as shown in the screenshot below.

I think this is because each list item is being given an id + _list value, but there is no 'Controlling element' with that ID value, at this point in the code:

https://github.com/primefaces/primevue/blob/master/packages/primevue/src/speeddial/SpeedDial.vue#L31C22-L31C35

(Is aria-controls actually needed here given that these are native list items in a native HTML list?)

By contrast, the Button is correctly associated with the id of the menu, implemented at line 9, so I don't think there is any problem with that.

Although this is in PrimeVue 3, I think the same will happen in v. 4, looking at the source.

Reproducer

later, if necessary

PrimeVue version

3.43.0

Vue version

3.x

Language

ES6

Build / Runtime

Vite

Browser(s)

All

Steps to reproduce the behavior

Create a element, and observe the generated HTML using the Inspector. With the Lighthouse plugin installed, switch to the tab, and generate a report.

Expected behavior

There should not be an '[aria-*] attributes do not have valid values' section generated.

[mvl22]

Thanks so much.

Can this be kindly tagged to the v3 branch also, if 3.x releases are still happening?

[mvl22]

I confirm we are seeing this resolved in our application, having upgraded to primevue v4. The Lighthouse report no longer mentions this problem.

Many thanks.