diff --git a/packages/ai/cypress/specs/Button.cy.tsx b/packages/ai/cypress/specs/Button.cy.tsx
index b7106c704e2c..4c35e774fa66 100644
--- a/packages/ai/cypress/specs/Button.cy.tsx
+++ b/packages/ai/cypress/specs/Button.cy.tsx
@@ -12,3 +12,73 @@ describe("Initial rendering", () => {
 		);
 	});
 });
+
+describe("Accessibility", () => {
+	it("should set correct tooltip to right text button", () => {
+		cy.mount(
+			<Button>
+				<ButtonState name="generate" text="Generate" icon="ai">Click me</ButtonState>
+				<ButtonState name="revise" text="Revise" icon="stop">Click me</ButtonState>
+			</Button>
+		);
+
+		cy.get("[ui5-ai-button]")
+			.ui5AIButtonCheckAttributeInTextButton("tooltip", "Generate with Artificial Intelligence");
+	});
+
+	it("should set correct aria-haspopup to SplitButton root element", () => {
+		cy.mount(
+			<Button accessibilityAttributes={{ root: { hasPopup: "menu" } }}>
+				<ButtonState name="generate" text="Generate" icon="ai">Click me</ButtonState>
+			</Button>
+		);
+
+		cy.get("[ui5-ai-button]")
+			.ui5AIButtonCheckAttributeSplitButtonRoot("aria-haspopup", "menu");
+	});
+
+	it("should set correct aria-roledescription to SplitButton root element", () => {
+		cy.mount(
+			<Button accessibilityAttributes={{ root: { roleDescription: "Open Menu" } }}>
+				<ButtonState name="generate" text="Generate" icon="ai">Click me</ButtonState>
+			</Button>
+		);
+
+		cy.get("[ui5-ai-button]")
+			.ui5AIButtonCheckAttributeSplitButtonRoot("aria-roledescription", "Open Menu");
+	});
+
+	it("should set correct aria-haspopup to arrow button if shown", () => {
+		cy.mount(
+			<Button accessibilityAttributes={{ arrowButton: { hasPopup: "menu", expanded: false } }}>
+				<ButtonState name="generate" text="Generate" icon="ai" showArrowButton={true}>Click me</ButtonState>
+			</Button>
+		);
+
+		cy.get("[ui5-ai-button]")
+			.ui5AIButtonCheckAttributeInArrowButton("aria-haspopup", "menu");
+	});
+
+	it("should set correct aria attributes with default values when not provided", () => {
+		cy.mount(
+			<Button>
+				<ButtonState name="generate" text="Generate" icon="ai" showArrowButton={true}>Click me</ButtonState>
+			</Button>
+		);
+
+		cy.get("[ui5-ai-button]")
+			.as("button");
+
+		cy.get("@button")
+			.ui5AIButtonCheckAttributeSplitButtonRoot("aria-haspopup", "false");
+
+		cy.get("@button")
+			.ui5AIButtonCheckAttributeSplitButtonRoot("aria-roledescription", "Split Button");
+
+		cy.get("@button")
+			.ui5AIButtonCheckAttributeInArrowButton("aria-haspopup", "menu");
+
+		cy.get("@button")
+			.ui5AIButtonCheckAttributeInArrowButton("aria-expanded", "false");
+	});
+});
diff --git a/packages/ai/cypress/support/commands.ts b/packages/ai/cypress/support/commands.ts
index 3d44a956b147..9570783f6a8d 100644
--- a/packages/ai/cypress/support/commands.ts
+++ b/packages/ai/cypress/support/commands.ts
@@ -37,4 +37,15 @@
 // }
 
 import "@ui5/cypress-internal/commands.js";
-import "../../../main/cypress/support/commands.js";
\ No newline at end of file
+import "../../../main/cypress/support/commands.js";
+import "./commands/Button.commands.js";
+
+declare global {
+	namespace Cypress {
+		interface Chainable {
+			ui5AIButtonCheckAttributeInTextButton(attrName: string, attrValue: string): Chainable<void>
+            ui5AIButtonCheckAttributeInArrowButton(attrName: string, attrValue: string): Chainable<void>
+            ui5AIButtonCheckAttributeSplitButtonRoot(attrName: string, attrValue: string): Chainable<void>
+		}
+	}
+}
\ No newline at end of file
diff --git a/packages/ai/cypress/support/commands/Button.commands.ts b/packages/ai/cypress/support/commands/Button.commands.ts
new file mode 100644
index 000000000000..0ad6e783c346
--- /dev/null
+++ b/packages/ai/cypress/support/commands/Button.commands.ts
@@ -0,0 +1,33 @@
+import Button from "../../../src/Button.js";
+
+Cypress.Commands.add("ui5AIButtonCheckAttributeInTextButton", { prevSubject: true }, (subject: JQuery<Button>,  attrName: string, attrValue: string) => {
+    cy.wrap(subject)
+		.shadow()
+		.find("[ui5-split-button]")
+		.shadow()
+		.find(".ui5-split-text-button")
+        .should("be.visible")
+        .should("have.attr", attrName, attrValue);
+});
+
+Cypress.Commands.add("ui5AIButtonCheckAttributeInArrowButton", { prevSubject: true }, (subject: JQuery<Button>,  attrName: string, attrValue: string) => {
+    cy.wrap(subject)
+        .shadow()
+		.find("[ui5-split-button]")
+		.shadow()
+		.find(".ui5-split-arrow-button")
+		.shadow()
+		.find(".ui5-button-root")
+        .should("be.visible")
+		.should("have.attr", attrName, attrValue);
+});
+
+Cypress.Commands.add("ui5AIButtonCheckAttributeSplitButtonRoot", { prevSubject: true }, (subject: JQuery<Button>,  attrName: string, attrValue: string) => {
+    cy.wrap(subject)
+		.shadow()
+		.find("[ui5-split-button]")
+		.shadow()
+		.find(".ui5-split-button-root")
+        .should("be.visible")
+        .should("have.attr", attrName, attrValue);
+});
\ No newline at end of file
diff --git a/packages/ai/src/Button.ts b/packages/ai/src/Button.ts
index a9fa9a3cb6ab..b317042dd246 100644
--- a/packages/ai/src/Button.ts
+++ b/packages/ai/src/Button.ts
@@ -9,12 +9,24 @@ import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import type SplitButton from "@ui5/webcomponents/dist/SplitButton.js";
 import type ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
 import type ButtonState from "./ButtonState.js";
+import { BUTTON_TOOLTIP_TEXT } from "./generated/i18n/i18n-defaults.js";
 import "./ButtonState.js";
-
 import ButtonTemplate from "./ButtonTemplate.js";
+import {
+	getEffectiveAriaLabelText,
+	getAssociatedLabelForTexts,
+	getAllAccessibleNameRefTexts,
+} from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
 
 // Styles
 import ButtonCss from "./generated/themes/Button.css.js";
+import { i18n } from "@ui5/webcomponents-base/dist/decorators.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { AccessibilityAttributes } from "@ui5/webcomponents-base/dist/types.js";
+
+type AIButtonRootAccessibilityAttributes = Pick<AccessibilityAttributes, "hasPopup" | "roleDescription" | "title">;
+type AIButtonArrowButtonAccessibilityAttributes = Pick<AccessibilityAttributes, "hasPopup" | "expanded" | "title">;
+type AIButtonAccessibilityAttributes = { root?: AIButtonRootAccessibilityAttributes, arrowButton?: AIButtonArrowButtonAccessibilityAttributes}
 
 /**
  * @class
@@ -119,6 +131,31 @@ class Button extends UI5Element {
 	@property({ type: Boolean, noAttribute: true })
 	arrowButtonPressed = false;
 
+	/**
+ 	 * Defines the additional accessibility attributes that will be applied to the component.
+	 *
+	 * This property allows for fine-tuned control of ARIA attributes for screen reader support.
+	 * It accepts an object with the following optional fields:
+	 *
+	 * - **root**: Accessibility attributes that will be applied to the root element.
+	 *   - **hasPopup**: Indicates the availability and type of interactive popup element (such as a menu or dialog).
+	 *     Accepts string values: `"dialog"`, `"grid"`, `"listbox"`, `"menu"`, or `"tree"`.
+	 *   - **roleDescription**: Defines a human-readable description for the button's role.
+	 *     Accepts any string value.
+	 *
+	 * - **arrowButton**: Accessibility attributes that will be applied to the arrow (split) button element.
+	 *   - **hasPopup**: Indicates the type of popup triggered by the arrow button.
+	 *     Accepts string values: `"dialog"`, `"grid"`, `"listbox"`, `"menu"`, or `"tree"`.
+	 *   - **expanded**: Indicates whether the popup controlled by the arrow button is currently expanded.
+	 *     Accepts boolean values: `true` or `false`.
+	 *
+	 * @public
+	 * @since 2.6.0
+	 * @default {}
+ 	*/
+	@property({ type: Object })
+	accessibilityAttributes: AIButtonAccessibilityAttributes = {};
+
 	/**
 	 * Keeps the current state object of the component.
 	 * @private
@@ -150,6 +187,9 @@ class Button extends UI5Element {
 	@query(".ui5-ai-button-hidden[ui5-split-button]")
 	_hiddenSplitButton?: SplitButton;
 
+	@i18n("@ui5/webcomponents")
+	static i18nBundle: I18nBundle;
+
 	get _hideArrowButton() {
 		return !this._effectiveStateObject?.showArrowButton;
 	}
@@ -305,7 +345,30 @@ class Button extends UI5Element {
 		e.stopImmediatePropagation();
 		this.fireDecoratorEvent("arrow-button-click");
 	}
+
+	get _computedAccessibilityAttributes(): AIButtonAccessibilityAttributes {
+		const labelRefTexts = getAllAccessibleNameRefTexts(this) || getEffectiveAriaLabelText(this) || getAssociatedLabelForTexts(this) || "";
+
+		const mainTitle = this._hasText ? Button.i18nBundle.getText(BUTTON_TOOLTIP_TEXT, this._stateText as string) : "";
+		const title = `${mainTitle} ${labelRefTexts}`.trim();
+
+		return {
+			root: {
+				hasPopup: this.accessibilityAttributes?.root?.hasPopup || "false",
+				roleDescription: this.accessibilityAttributes?.root?.roleDescription,
+				title: this.accessibilityAttributes?.root?.title || title,
+			},
+			arrowButton: {
+				hasPopup: this.accessibilityAttributes?.arrowButton?.hasPopup,
+				expanded: this.accessibilityAttributes?.arrowButton?.expanded,
+				title: this.accessibilityAttributes?.arrowButton?.title,
+			},
+		};
+	}
 }
 
 Button.define();
 export default Button;
+export type {
+	AIButtonAccessibilityAttributes,
+};
diff --git a/packages/ai/src/ButtonTemplate.tsx b/packages/ai/src/ButtonTemplate.tsx
index a6cc1f794188..095f49965ad0 100644
--- a/packages/ai/src/ButtonTemplate.tsx
+++ b/packages/ai/src/ButtonTemplate.tsx
@@ -12,6 +12,7 @@ export default function ButtonTemplate(this: Button) {
 			_hideArrowButton={this._hideArrowButton}
 			onClick={this._onClick}
 			onArrowClick={this._onArrowClick}
+			accessibilityAttributes={this._computedAccessibilityAttributes}
 		>
 			{this._hasText && (
 				<div class="ui5-ai-button-text">{this._stateText}</div>
diff --git a/packages/ai/src/i18n/messagebundle.properties b/packages/ai/src/i18n/messagebundle.properties
index f350704b669e..38cf9268d21f 100644
--- a/packages/ai/src/i18n/messagebundle.properties
+++ b/packages/ai/src/i18n/messagebundle.properties
@@ -5,4 +5,8 @@
 PROMPT_INPUT_CHARACTERS_LEFT={0} characters remaining
 
 #XTXT: Text for characters over
-PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit
\ No newline at end of file
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit
+
+#XTXT: Text for
+BUTTON_TOOLTIP_TEXT={0} with Artificial Intelligence
+
diff --git a/packages/ai/src/i18n/messagebundle_en.properties b/packages/ai/src/i18n/messagebundle_en.properties
index 078ec94970bc..e0ac56c3e32b 100644
--- a/packages/ai/src/i18n/messagebundle_en.properties
+++ b/packages/ai/src/i18n/messagebundle_en.properties
@@ -1,4 +1,4 @@
 
 PROMPT_INPUT_CHARACTERS_LEFT={0} characters remaining
 
-PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit
\ No newline at end of file
diff --git a/packages/ai/test/pages/Button.html b/packages/ai/test/pages/Button.html
index 37237010b85c..f26dcf26b517 100644
--- a/packages/ai/test/pages/Button.html
+++ b/packages/ai/test/pages/Button.html
@@ -145,17 +145,28 @@
 		const predefinedTextsSimplified = data.predefinedTextsSimplified;
 		const predefinedTextsSummarized = data.predefinedTextsSummarized;
 
-		function startGeneration(button) {
+		function startGeneration(button, isSplitButton = false) {
 			console.warn("startGeneration");
 			generationId = setTimeout(function() {
 				console.warn("Generation completed");
 				button.state = "revise";
+				button.accessibilityAttributes = {
+					root: {
+						hasPopup: "menu",
+						roleDescription: isSplitButton  ? undefined : "Menu Button"
+					}
+				};
 			}, 3000);
 		}
 
-		function stopGeneration() {
+		function stopGeneration(button) {
 			console.warn("stopGeneration");
 			clearTimeout(generationId);
+			button.accessibilityAttributes = {
+					root: {
+						hasPopup: "false"
+					}
+				};
 		}
 
 		function aiButtonClickHandler(evt) {
@@ -168,7 +179,7 @@
 					break;
 				case "generating":
 					button.state = "generate";
-					stopGeneration();
+					stopGeneration(button);
 					break;
 				case "revise":
 					menu.opener = button;
@@ -185,17 +196,17 @@
 				case "generate":
 					prevTriggerState = "generate";
 					button.state = "generating";
-					startGeneration(button);
+					startGeneration(button, true);
 					break;
 				case "generating":
 					button.state = prevTriggerState;
-					stopGeneration();
+					stopGeneration(button);
 					break;
 				case "revise":
 					menuReg.open = false;
 					prevTriggerState = "revise";
 					button.state = "generating";
-					startGeneration(button);
+					startGeneration(button, true);
 					break;
 			}
 		}
@@ -235,7 +246,6 @@
 
 			button.arrowButtonPressed = false;
 		});
-
 		myAiButton.addEventListener("click", aiButtonClickHandler);
 		myAiButtonSplit.addEventListener("click", aiButtonSplitClickHandler);
 		myAiButtonSplit.addEventListener("arrow-button-click", aiButtonSplitArrowClickHandler);
@@ -276,15 +286,26 @@
 			generationId = setTimeout(function() {
 				console.warn("Generation completed");
 				button.state = "revise";
+				button.accessibilityAttributes = {
+					root: {
+						hasPopup: "menu",
+						roleDescription: "Menu Button"
+					}
+				};
 			}, 2000);
 		}
 
-		function stopQuickPromptGeneration() {
+		function stopQuickPromptGeneration(button) {
 			console.warn("stopGeneration");
 			clearInterval(generationId);
 			generationStopped = true;
 			sendButton.disabled = false;
 			output.disabled = false;
+			button.accessibilityAttributes = {
+				root: {
+					hasPopup: "false"
+				}
+			};
 		}
 
 		sendButton.addEventListener("click", function() {
@@ -420,6 +441,13 @@
 					if (!generationStopped) {
 						button.state = "revise";
 						output.valueState = "None";
+						button.accessibilityAttributes = {
+							root: {
+								hasPopup: "menu",
+								roleDescription: "Menu Button"
+							}
+						};
+
 					}
 					clearInterval(generationId);
 					sendButton.disabled = false;
diff --git a/packages/base/src/types.ts b/packages/base/src/types.ts
index eb3306df3371..ad2d7bd4f377 100644
--- a/packages/base/src/types.ts
+++ b/packages/base/src/types.ts
@@ -22,7 +22,7 @@ export type AriaRole = JSX.AriaRole;
 export type AriaDisabled = JSX.AriaAttributes["aria-disabled"];
 export type AriaChecked = JSX.AriaAttributes["aria-checked"];
 export type AriaReadonly = JSX.AriaAttributes["aria-readonly"];
-export type AriaHasPopup = "dialog" | "grid" | "listbox" | "menu" | "tree";
+export type AriaHasPopup = "dialog" | "grid" | "listbox" | "menu" | "tree" | "false";
 export type AriaCurrent = "page" | "step" | "location" | "date" | "time" | "true" | "false" | boolean | undefined;
 export type AriaAutoComplete = "list" | "none" | "inline" | "both" | undefined;
 export type AriaLandmarkRole = "none" | "banner" | "main" | "region" | "navigation" | "search" | "complementary" | "form" | "contentinfo"
@@ -64,4 +64,6 @@ export type AccessibilityAttributes = {
 	ariaKeyShortcuts?: string,
 	ariaCurrent?: AriaCurrent,
 	current?: AriaCurrent,
+	roleDescription?: string,
+	title?: string,
 }
diff --git a/packages/main/src/SplitButton.ts b/packages/main/src/SplitButton.ts
index 7b2e79469101..b1254099519f 100644
--- a/packages/main/src/SplitButton.ts
+++ b/packages/main/src/SplitButton.ts
@@ -16,6 +16,7 @@ import {
 	isTabNext,
 	isTabPrevious,
 } from "@ui5/webcomponents-base/dist/Keys.js";
+import type { AccessibilityAttributes } from "@ui5/webcomponents-base/dist/types.js";
 import type { AriaHasPopup, UI5CustomEvent } from "@ui5/webcomponents-base";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
@@ -35,6 +36,10 @@ import SplitButtonTemplate from "./SplitButtonTemplate.js";
 // Styles
 import SplitButtonCss from "./generated/themes/SplitButton.css.js";
 
+type SplitButtonRootAccAttributes = Pick<AccessibilityAttributes, "hasPopup" | "roleDescription" | "title">;
+type SplitButtonArrowButtonAccAtributes = Pick<AccessibilityAttributes, "hasPopup" | "expanded" | "title">;
+type SplitButtonAccessibilityAttributes = {root?: SplitButtonRootAccAttributes, arrowButton?: SplitButtonArrowButtonAccAtributes}
+
 /**
  * @class
  *
@@ -210,6 +215,31 @@ class SplitButton extends UI5Element {
 	@property({ type: Boolean })
 	_hideArrowButton = false;
 
+	/**
+	 * Defines the additional accessibility attributes that will be applied to the component.
+	 * The `accessibilityAttributes` property accepts an object with the following optional fields:
+	 *
+	 * - **root**: Attributes that will be applied to the main (text) button.
+	 *   - **hasPopup**: Indicates the presence and type of popup triggered by the button.
+	 *     Accepts string values: `"dialog"`, `"grid"`, `"listbox"`, `"menu"`, or `"tree"`.
+	 *   - **roleDescription**: Provides a human-readable description for the role of the button.
+	 *     Accepts any string value.
+	 *   - **title**: Specifies a tooltip or description for screen readers.
+	 *     Accepts any string value.
+	 *
+	 * - **arrowButton**: Attributes applied specifically to the arrow (split) button.
+	 *   - **hasPopup**: Indicates the presence and type of popup triggered by the arrow button.
+	 *     Accepts string values: `"dialog"`, `"grid"`, `"listbox"`, `"menu"`, or `"tree"`.
+	 *   - **expanded**: Indicates whether the popup triggered by the arrow button is currently expanded.
+	 *     Accepts boolean values: `true` or `false`.
+	 *
+	 * @default {}
+	 * @public
+	 * @since 2.13.0
+	 */
+	@property({ type: Object })
+	accessibilityAttributes: SplitButtonAccessibilityAttributes = {};
+
 	/**
 	 * Defines the text of the component.
 	 *
@@ -429,22 +459,28 @@ class SplitButton extends UI5Element {
 		return this.getDomRef()?.querySelector<Button>(".ui5-split-arrow-button");
 	}
 
-	get accInfo() {
+	get _computedAccessibilityAttributes(): SplitButtonAccessibilityAttributes {
 		return {
 			root: {
-				"description": SplitButton.i18nBundle.getText(SPLIT_BUTTON_DESCRIPTION),
-				"keyboardHint": SplitButton.i18nBundle.getText(SPLIT_BUTTON_KEYBOARD_HINT),
+				hasPopup: this.accessibilityAttributes?.root?.hasPopup,
+				roleDescription: this.accessibilityAttributes?.root?.roleDescription || (this._hideArrowButton ? undefined : SplitButton.i18nBundle.getText(SPLIT_BUTTON_DESCRIPTION)),
+				title: this.accessibilityAttributes?.root?.title,
 			},
 			arrowButton: {
-				"title": this.arrowButtonTooltip,
-				"accessibilityAttributes": {
-					"hasPopup": "menu" as AriaHasPopup,
-					"expanded": this.effectiveActiveArrowButton,
-				},
+				hasPopup: this.accessibilityAttributes?.arrowButton?.hasPopup || "menu" as AriaHasPopup,
+				expanded: this.accessibilityAttributes?.arrowButton?.expanded || this.effectiveActiveArrowButton,
+				title: this.accessibilityAttributes?.arrowButton?.title || this.arrowButtonTooltip,
 			},
 		};
 	}
 
+	get accInfo() {
+		return {
+			"keyboardHint": SplitButton.i18nBundle.getText(SPLIT_BUTTON_KEYBOARD_HINT),
+			"description": SplitButton.i18nBundle.getText(SPLIT_BUTTON_DESCRIPTION),
+		};
+	}
+
 	get arrowButtonTooltip() {
 		return SplitButton.i18nBundle.getText(SPLIT_BUTTON_ARROW_BUTTON_TOOLTIP);
 	}
@@ -457,3 +493,6 @@ class SplitButton extends UI5Element {
 SplitButton.define();
 
 export default SplitButton;
+export type {
+	SplitButtonAccessibilityAttributes,
+};
diff --git a/packages/main/src/SplitButtonTemplate.tsx b/packages/main/src/SplitButtonTemplate.tsx
index 9d07a1bcccf6..c15946cf2a3a 100644
--- a/packages/main/src/SplitButtonTemplate.tsx
+++ b/packages/main/src/SplitButtonTemplate.tsx
@@ -8,7 +8,10 @@ export default function SplitButtonTemplate(this: SplitButton) {
 			role={this._hideArrowButton ? "button" : "group"}
 			class="ui5-split-button-root"
 			tabindex={this._tabIndex}
-			aria-labelledby={`${this._id}-invisibleTextDefault ${this._id}-invisibleText`}
+			aria-labelledby={this._hideArrowButton ? undefined : `${this._id}-invisibleTextDefault ${this._id}-invisibleText`}
+			aria-haspopup={this._computedAccessibilityAttributes?.root?.hasPopup}
+			aria-roledescription={this._computedAccessibilityAttributes?.root?.roleDescription}
+			aria-label={this._hideArrowButton ? this._computedAccessibilityAttributes?.root?.title : undefined}
 			onFocusOut={this._onFocusOut}
 			onKeyDown={this._onKeyDown}
 			onKeyUp={this._onKeyUp}
@@ -28,31 +31,34 @@ export default function SplitButtonTemplate(this: SplitButton) {
 				onMouseUp={this._textButtonRelease}
 				onFocusIn={this._onInnerButtonFocusIn}
 				onFocusOut={this._onFocusOut}
+				tooltip={this._computedAccessibilityAttributes?.root?.title}
 			>
 				{this.isTextButton && <slot></slot> }
 			</Button>
 
-			{!this._hideArrowButton &&
-				<Button
-					class="ui5-split-arrow-button"
-					design={this.design}
-					icon={slimArrowDown}
-					tabindex={-1}
-					tooltip={this.accInfo.arrowButton.title}
-					accessibilityAttributes={this.accInfo.arrowButton.accessibilityAttributes}
-					disabled={this.disabled}
-					active={this.effectiveActiveArrowButton}
-					part="arrowButton"
-					onClick={this._handleArrowButtonAction}
-					onMouseDown={this._arrowButtonPress}
-					onMouseUp={this._arrowButtonRelease}
-					onFocusIn={this._onInnerButtonFocusIn}
-					onActiveStateChange={this._onArrowButtonActiveStateChange}
-				>
-				</Button>
-			}
-			<span id={`${this._id}-invisibleText`} class="ui5-hidden-text">{this.accInfo.root.description} {this.accInfo.root.keyboardHint} {this.accessibleName}</span>
-			<span id={`${this._id}-invisibleTextDefault`} class="ui5-hidden-text">{this.textButtonAccText}</span>
+			{!this._hideArrowButton && (
+				<>
+					<Button
+						class="ui5-split-arrow-button"
+						design={this.design}
+						icon={slimArrowDown}
+						tabindex={-1}
+						tooltip={this._computedAccessibilityAttributes?.arrowButton?.title}
+						accessibilityAttributes={{ hasPopup: this._computedAccessibilityAttributes?.arrowButton?.hasPopup, expanded: this._computedAccessibilityAttributes?.arrowButton?.expanded }}
+						disabled={this.disabled}
+						active={this.effectiveActiveArrowButton}
+						part="arrowButton"
+						onClick={this._handleArrowButtonAction}
+						onMouseDown={this._arrowButtonPress}
+						onMouseUp={this._arrowButtonRelease}
+						onFocusIn={this._onInnerButtonFocusIn}
+						onActiveStateChange={this._onArrowButtonActiveStateChange}
+					>
+					</Button>
+					<span id={`${this._id}-invisibleText`} class="ui5-hidden-text">{this.accInfo.keyboardHint} {this.accessibleName}</span>
+					<span id={`${this._id}-invisibleTextDefault`} class="ui5-hidden-text">{this._computedAccessibilityAttributes?.root?.title || this.textButtonAccText}</span>
+				</>
+			)}
 		</div>
 	);
 }
diff --git a/packages/website/docs/_samples/ai/Button/ButtonMenu/main.js b/packages/website/docs/_samples/ai/Button/ButtonMenu/main.js
index a88dd22465da..5517380b1143 100644
--- a/packages/website/docs/_samples/ai/Button/ButtonMenu/main.js
+++ b/packages/website/docs/_samples/ai/Button/ButtonMenu/main.js
@@ -8,27 +8,38 @@ var generationId;
 
 function startGeneration(button) {
 	console.warn("startGeneration");
-	generationId = setTimeout(function() {
+	generationId = setTimeout(function () {
 		console.warn("Generation completed");
 		button.state = "revise";
+		button.accessibilityAttributes = {
+			root: {
+				hasPopup: "menu",
+				roleDescription: "Menu Button"
+			}
+		};
 	}, 3000);
 }
 
-function stopGeneration() {
+function stopGeneration(button) {
 	console.warn("stopGeneration");
 	clearTimeout(generationId);
+	button.accessibilityAttributes = {
+		root: {
+			hasPopup: "false"
+		}
+	};
 }
 
 function aiButtonClickHandler(evt) {
 	var button = evt.target;
-	switch(button.state) {
+	switch (button.state) {
 		case "generate":
 			button.state = "generating";
 			startGeneration(button);
 			break;
 		case "generating":
 			button.state = "generate";
-			stopGeneration();
+			stopGeneration(button);
 			break;
 		case "revise":
 			menu.opener = button;
@@ -39,7 +50,7 @@ function aiButtonClickHandler(evt) {
 
 myAiButton.addEventListener("click", aiButtonClickHandler);
 
-menu.addEventListener("item-click", function(evt) {
+menu.addEventListener("item-click", function (evt) {
 	var button = menu.opener;
 	if (evt.detail.text === "Regenerate") {
 		button.state = "generating";
diff --git a/packages/website/docs/_samples/ai/Button/ButtonSplitMenu/main.js b/packages/website/docs/_samples/ai/Button/ButtonSplitMenu/main.js
index 45033b36faf7..987bf497fc78 100644
--- a/packages/website/docs/_samples/ai/Button/ButtonSplitMenu/main.js
+++ b/packages/website/docs/_samples/ai/Button/ButtonSplitMenu/main.js
@@ -9,21 +9,31 @@ var prevTriggerState = "generate";
 
 function startGeneration(button) {
 	console.warn("startGeneration");
-	generationId = setTimeout(function() {
+	generationId = setTimeout(function () {
 		console.warn("Generation completed");
 		button.state = "regenerate";
+		button.accessibilityAttributes = {
+			root: {
+				hasPopup: "menu"
+			}
+		};
 	}, 3000);
 }
 
-function stopGeneration() {
+function stopGeneration(button) {
 	console.warn("stopGeneration");
 	clearTimeout(generationId);
+	button.accessibilityAttributes = {
+		root: {
+			hasPopup: "false"
+		}
+	};
 }
 
 function aiButtonClickHandler(evt) {
 	var button = evt.target;
 
-	switch(button.state) {
+	switch (button.state) {
 		case "":
 		case "generate":
 			prevTriggerState = "generate";
@@ -32,7 +42,7 @@ function aiButtonClickHandler(evt) {
 			break;
 		case "generating":
 			button.state = prevTriggerState;
-			stopGeneration();
+			stopGeneration(button);
 			break;
 		case "regenerate":
 			menu.open = false;
diff --git a/packages/website/docs/_samples/patterns/AIRegenerate/Basic/main.js b/packages/website/docs/_samples/patterns/AIRegenerate/Basic/main.js
index c843e6aa6b55..981222044cca 100644
--- a/packages/website/docs/_samples/patterns/AIRegenerate/Basic/main.js
+++ b/packages/website/docs/_samples/patterns/AIRegenerate/Basic/main.js
@@ -30,6 +30,11 @@ const toggleDialog = (dialog, isOpen) => {
 };
 
 dialogCloser.addEventListener("click", () => toggleDialog(dialog, false));
+myAiButton.accessibilityAttributes = {
+	root: {
+		hasPopup: "dialog"
+	}
+};
 
 myAiButton.addEventListener("click", () => {
 	if (myAiButton.state === "generating") {
@@ -89,6 +94,11 @@ const setBusyIndicator = (isActive) => {
 const resetAfterGeneration = (button) => {
 	setBusyIndicator(false);
 	button.state = "regenerate";
+	button.accessibilityAttributes = {
+		root: {
+			hasPopup: "false"
+		}
+	};
 };
 
 const stopTextGeneration = () => {