feat(ui5-menu): аdd aria-expanded attribute to menuItem with submenu (#11754)

Author: Todor-ads

packages/main/cypress/specs/Menu.cy.tsx

@@ -502,7 +502,15 @@ describe("Menu interaction", () => {
 				.shadow()
 				.find("li")
 				.should("have.attr", "role", "menuitem")
-				.and("have.attr", "aria-haspopup", "menu");
+				.and("have.attr", "aria-haspopup", "menu")
+				.and("have.attr", "aria-expanded", "false");
+
+			cy.get("@items")
+				.eq(0)
+				.ui5MenuItemClick()
+				.shadow()
+				.find("li")
+				.should("have.attr", "aria-expanded", "true");
 
 			cy.get("@items")
 				.eq(1)

packages/main/src/MenuItem.ts

@@ -385,11 +385,13 @@ class MenuItem extends ListItem implements IMenuItem {
 			role: AriaRole;
 			ariaHaspopup?: `${AriaHasPopup}`;
 			ariaKeyShortcuts?: string;
+			ariaExpanded?: boolean;
 			ariaHidden?: boolean;
 		} = {
 			role: this.accessibilityAttributes.role || "menuitem",
 			ariaHaspopup: this.hasSubmenu ? "menu" : undefined,
 			ariaKeyShortcuts: this.accessibilityAttributes.ariaKeyShortcuts,
+			ariaExpanded: this.hasSubmenu ? this.isSubMenuOpen : undefined,
 			ariaHidden: !!this.additionalText && !!this.accessibilityAttributes.ariaKeyShortcuts ? true : undefined,
 		};