fix(ui5-busyindicator): fix aria-labelledby value (#3266)

Fixes: #3256
SAP · May 18, 2021 · ef2d332 · ef2d332
1 parent 0a33c40
commit ef2d332
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/main/src/BusyIndicator.hbs b/packages/main/src/BusyIndicator.hbs
@@ -8,7 +8,7 @@
 			aria-valuemin="0"
 			aria-valuemax="100"
 			aria-valuetext="Busy"
-			aria-labelledby="{{_id}}-label"
+			aria-labelledby="{{labelId}}"
 		>
 			<div class="ui5-busyindicator-circles-wrapper">
 				<div class="ui5-busyindicator-circle circle-animation-0"></div>

diff --git a/packages/main/src/BusyIndicator.js b/packages/main/src/BusyIndicator.js
@@ -174,6 +174,10 @@ class BusyIndicator extends UI5Element {
 		return this.i18nBundle.getText(BUSY_INDICATOR_TITLE);
 	}
 
+	get labelId() {
+		return this.text ? `${this._id}-label` : undefined;
+	}
+
 	get classes() {
 		return {
 			root: {