Associating labels with input fields explicitly

[grigorzyapkov]

Hello,

I just find that the screen reader is not able to read label text when the focus is on the input element associated with that label. I tried to set for attribute on the label that points to the input's id, like the example below:

<ui5-label for="myInput" required show-colon>First name</ui5-label>
<ui5-input id="myInput" aria-required="true"></ui5-input>

I also tried to set aria-labelledby attribute on the input element that points to the label id, like the example below:

<ui5-label id="myLabel" required show-colon>First name</ui5-label>
<ui5-input aria-labelledby="myLabel"></ui5-input>

Unfortunately, both ways don't work for the screen readers. I also found that the second approach work only for native input.

Regards,
Grigor