ui5-select: [a11y] the aria-label of ui5-select is overridden by the aria-labelledby attribute

Describe the bug When set the aria-labelledby attribute in ui5-select, the screen reader will not output the label defined instead of the text of selected option

To reproduce Steps to reproduce the behavior: Considering following case,

<ui5-label id="myLabel3" for="mySelect" required show-colon>Job</ui5-label>
<ui5-select id="mySelect" aria-required="true" aria-labelledby="myLabel3">
	<ui5-option>Manager</ui5-option>
	<ui5-option>Sales</ui5-option>
	<ui5-option selected>Developer</ui5-option>
</ui5-select>

Expected behavior The label of ui5-select should be output by screen reader

Screenshots Please refer to the DOM structure in the screenshot

Context

• UI5 Web Components version: 0.23.1
• OS/Platform: MacOs
• Browser (if relevant): Chrome
• Other information: screen reader - NVDA

Affected components (if known) ui5-select

[zhangliangyi]

Here is some documentation about the relationship between aria-label and aria-labelledby. https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships

Importantly, aria-labelledby overrides all other name sources for an element. So, for example, if an element has both an aria-labelledby and an aria-label, or an aria-labelledby and a native HTML label, the aria-labelledby label always takes precedence.

So maybe this is the cause of my issue.

[nnaydenow]

Hello @zhangliangyi,

The internal aria-labelledby is removed when the role was changed to combobox, because it provides different accessibility behavior.