[SF_ACC][Label][Select]: Label "for" property not associated with Select

[ksblklu02]

Bug Description

Label "for" property not working for Select

Affected Component

ui5-label

Expected Behaviour

The label text should be announced when the associated Select component get focused

Isolated Example

No response

Steps to Reproduce

1. Go to https://sap.github.io/ui5-webcomponents/components/Select/
2. Set label for Select component and tab to focus on the Select
3. See the label for Select component is not announced

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.3.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP SuccessFactors

Declaration

• I’m not disclosing any internal or sensitive information.

[unazko]

Hello @SAP/ui5-webcomponents-topic-p,

The issue is reproducible as described by the reporter.

<ui5-label for"selectComp">test</ui5-label>
<ui5-select id="selectComp">
	<ui5-option icon="laptop">Desktop</ui5-option>
	<ui5-option icon="ipad" selected>Tablet</ui5-option>
	<ui5-option icon="iphone">Phone</ui5-option>
</ui5-select>

Best regards,
Boyan

[ilhan007]

Hi @ksblklu02

For the time being you can use the available Select's acc APIs:

/**
	 * Defines the accessible ARIA name of the component.
	 * @since 1.0.0-rc.9
	 * @public
	 * @default undefined
	 */
	@property()
	accessibleName?: string;

	/**
	 * Receives id(or many ids) of the elements that label the select.
	 * @default undefined
	 * @public
	 * @since 1.0.0-rc.15
	 */
	@property()
	accessibleNameRef?: string;

<ui5-label id="myLabel">my text</ui5-label>
<ui5-select accessible-name-ref="myLabel"></ui5-select>