feat(ui5-li-custom, ui5-li, ui5-li-groupheader): add accessibleName property (#3269)

Author: nnaydenow

packages/main/src/CustomListItem.js

@@ -23,6 +23,18 @@ const metadata = {
 		},
 	},
 	properties: /** @lends sap.ui.webcomponents.main.CustomListItem.prototype */ {
+		/**
+		 * Defines the text alternative of the component.
+		 * Note: If not provided a default text alternative will be set, if present.
+		 *
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @public
+		 * @since 1.0.0-rc.15
+		 */
+		 accessibleName: {
+			type: String,
+		},
 	},
 };
 

packages/main/src/GroupHeaderListItem.hbs

@@ -7,7 +7,7 @@
 	role="option"
 	style="list-style-type: none;"
 >
-	<span class="ui5-hidden-text">{{groupHeaderText}}</span>
+	<span class="ui5-hidden-text">{{groupHeaderText}} {{accessibleName}}</span>
 
 	<div id="{{_id}}-content" class="ui5-li-content">
 		<span class="ui5-ghli-title"><slot></slot></span>

packages/main/src/GroupHeaderListItem.js

@@ -16,6 +16,18 @@ const metadata = {
 	tag: "ui5-li-groupheader",
 	languageAware: true,
 	properties: /** @lends  sap.ui.webcomponents.main.GroupHeaderListItem.prototype */ {
+		/**
+		 * Defines the text alternative of the component.
+		 * Note: If not provided a default text alternative will be set, if present.
+		 *
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @public
+		 * @since 1.0.0-rc.15
+		 */
+		accessibleName: {
+			type: String,
+		},
 	},
 	slots: /** @lends sap.ui.webcomponents.main.GroupHeaderListItem.prototype */ {
 		/**

packages/main/src/ListItem.hbs

@@ -48,7 +48,7 @@
 			{{> selectionElement}}
 		{{/if}}
 
-		<span id="{{_id}}-invisibleText" class="ui5-hidden-text">{{_accInfo.listItemAriaLabel}}</span>
+		<span id="{{_id}}-invisibleText" class="ui5-hidden-text">{{_accInfo.listItemAriaLabel}} {{accessibleName}}</span>
 </li>
 
 {{#*inline "listItemPreContent"}}{{/inline}}

packages/main/src/StandardListItem.js

@@ -85,6 +85,19 @@ const metadata = {
 			defaultValue: ValueState.None,
 		},
 
+		/**
+		 * Defines the text alternative of the component.
+		 * Note: If not provided a default text alternative will be set, if present.
+		 *
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @public
+		 * @since 1.0.0-rc.15
+		 */
+		accessibleName: {
+			type: String,
+		},
+
 		/**
 		 * Indicates if the list item has text content.
 		 * @type {boolean}