diff --git a/packages/main/src/RatingIndicator.hbs b/packages/main/src/RatingIndicator.hbs
index 0d6ff1443021..29c1d3fda23b 100644
--- a/packages/main/src/RatingIndicator.hbs
+++ b/packages/main/src/RatingIndicator.hbs
@@ -14,7 +14,7 @@
@focusout="{{_onfocusout}}"
@click="{{_onclick}}"
@keydown="{{_onkeydown}}"
- title="{{tooltip}}"
+ title="{{ratingTooltip}}"
aria-label="{{_ariaLabel}}"
>
disabled
RatingIndicator with title
-
+
diff --git a/packages/main/test/specs/RatingIndicator.spec.js b/packages/main/test/specs/RatingIndicator.spec.js
index c2ad42bc698f..1aa8c519ce55 100644
--- a/packages/main/test/specs/RatingIndicator.spec.js
+++ b/packages/main/test/specs/RatingIndicator.spec.js
@@ -116,11 +116,11 @@ describe("Rating Indicator general interaction", () => {
assert.strictEqual(await ratingIndicatorList.getAttribute("aria-hidden"), "true", "aria-hidden is set");
});
- it("Tests ACC attrs - title attribute provided", async () => {
+ it("Tests ACC attrs - tooltip property", async () => {
const ratingIndicator = await browser.$("#rating-indicator-title").shadow$(".ui5-rating-indicator-root");
const TOOLTIP = "Test";
- assert.strictEqual(await ratingIndicator.getAttribute("title"), TOOLTIP, "The title attribute is rendered in the inner div as well.");
+ assert.strictEqual(await ratingIndicator.getAttribute("title"), TOOLTIP, "The tooltip property is rendered as a title in the inner div.");
});
it("Tests ACC attrs - required property add aria-description", async () => {
diff --git a/packages/playground/_stories/main/RatingIndicator/RatingIndicator.stories.ts b/packages/playground/_stories/main/RatingIndicator/RatingIndicator.stories.ts
index 2d946a72a88c..a638a9f3f322 100644
--- a/packages/playground/_stories/main/RatingIndicator/RatingIndicator.stories.ts
+++ b/packages/playground/_stories/main/RatingIndicator/RatingIndicator.stories.ts
@@ -32,6 +32,7 @@ const Template: UI5StoryArgs = (args) => html`
?disabled="${ifDefined(args.disabled)}"
?readonly="${ifDefined(args.readonly)}"
?required="${ifDefined(args.required)}"
+ tooltip="${ifDefined(args.tooltip)}"
accessible-name="${ifDefined(args.accessibleName)}"
accessible-name-ref="${ifDefined(args.accessibleNameRef)}"
>`;