fix(ui5-select): use accessibleName for option announcements (#13202)

Problem:
- When accessibleName is set on select options, it is not read out by screen readers.
Solution:
- Use the accessibleName property when available, falling back to textContent for announcements.
- Also added a test and updated chromedriver to 145.0.0

Fixes: #11809

Author: NakataCode

packages/main/src/Select.ts

@@ -88,6 +88,7 @@ interface IOption extends UI5Element {
 	text?: Array<Node>,
 	stableDomRef: string,
 	displayText?: string,
+	accessibleName?: string,
 }
 
 type SelectChangeEventDetail = {
@@ -1110,7 +1111,8 @@ class Select extends UI5Element implements IFormElement {
 		const itemPositionText = Select.i18nBundle.getText(LIST_ITEM_POSITION, this._selectedIndex + 1, optionsCount);
 
 		if (this.focused && this._currentlySelectedOption) {
-			text = `${this._currentlySelectedOption.textContent as string} ${this._isPickerOpen ? itemPositionText : ""}`;
+			const optionText = this._currentlySelectedOption.getAttribute("accessible-name") || this._currentlySelectedOption.textContent as string;
+			text = `${optionText}${this._isPickerOpen ? `, ${itemPositionText}` : ""}`;
 
 			announce(text, InvisibleMessageMode.Polite);
 		}

packages/main/test/specs/SelectMenu.spec.js

@@ -150,4 +150,20 @@ describe("Select Menu general interaction", () => {
 
 		assert.strictEqual(await inpTestChange.getProperty("value"), "1", "Change event should be fired after focus out");
 	});
+
+	it("Tests accessible-name on SelectMenuOption", async () => {
+		const menu = await browser.$("#selectOptions");
+		const options = await menu.$$("ui5-select-menu-option");
+
+		const EXPECTED_FIRST_OPTION_ACCESSIBLE_NAME = "T-shirt size S";
+		const EXPECTED_SECOND_OPTION_ACCESSIBLE_NAME = "Dress size M";
+		const EXPECTED_THIRD_OPTION_ACCESSIBLE_NAME = "Skirt size L";
+
+		assert.strictEqual(await options[0].getProperty("accessibleName"), EXPECTED_FIRST_OPTION_ACCESSIBLE_NAME,
+			"The accessible-name property on first ui5-select-menu-option is correctly set.");
+		assert.strictEqual(await options[1].getProperty("accessibleName"), EXPECTED_SECOND_OPTION_ACCESSIBLE_NAME,
+			"The accessible-name property on second ui5-select-menu-option is correctly set.");
+		assert.strictEqual(await options[2].getProperty("accessibleName"), EXPECTED_THIRD_OPTION_ACCESSIBLE_NAME,
+			"The accessible-name property on third ui5-select-menu-option is correctly set.");
+	});
 });