fix(ui5-button): announce the text node properly (#12077)

fix(ui5-button): announce the text node properly

Issue:
- The inner text of the button wasn't announced
when the design property was set.

Solution:
- The inner text is now part of the aria-label
attribute alongside the design type text.

Fixes: #12037

Author: unazko

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

@@ -336,6 +336,18 @@ describe("Accessibility", () => {
 			.should("not.have.attr", "title");
 	});
 
+	it("aria-label is properly applied on the button tag", () => {
+		cy.mount(<Button design="Emphasized">Action</Button>);
+
+		cy.get("[ui5-button]")
+			.shadow()
+			.find("button")
+			.as("button");
+			
+		cy.get("@button")
+			.should("have.attr", "aria-label", "Action Emphasized");
+	});
+
 	it("aria-expanded is properly applied on the button tag", () => {
 		cy.mount(<Button icon="home" design="Emphasized">Action Bar Button</Button>);
 

packages/main/src/Button.ts

@@ -625,11 +625,12 @@ class Button extends UI5Element implements IButton {
 	}
 
 	get ariaLabelText() {
+		const textContent = this.textContent || "";
 		const ariaLabelText = getEffectiveAriaLabelText(this) || "";
 		const typeLabelText = this.hasButtonType ? this.buttonTypeText : "";
 		const internalLabelText = this.effectiveBadgeDescriptionText || "";
 
-		const labelParts = [ariaLabelText, typeLabelText, internalLabelText].filter(part => part);
+		const labelParts = [textContent, ariaLabelText, typeLabelText, internalLabelText].filter(part => part);
 		return labelParts.join(" ");
 	}