label: should check ariaLabelledByElements as well

[woody-li]

Product

axe-core

Product Version

4.10.3

Latest Version

• I have tested the issue with the latest version of the product

Issue Description

Expectation

Get ariaLabelledByElements value if possible for label value as well.

Actual

Only get aria-labelledby attribute, and don't parse ariaLabelledByElements value.

How to Reproduce

<p>Test label</p>
<input type="text" />

document.querySelector('input').ariaLabelledByElements = [document.querySelector('p')];

Additional context

When using custom element with shadow dom, it's the only way to refer to outer element.

[WilcoFiers]

@woody-li Thank you for raising this. I've done some quick screen reader testing and I see no immediate problems with it. We'll need to do some more thorough testing to be sure, but I suspect this is something we're going to need to add.

Here's the codepen I used: https://codepen.io/wilcofiers/full/GgZvRar