fix(ui-tree-browser): treeBrowser collection descriptor is not read by screenreaders

Closes: INSTUI-4296

Author: ToMESSKa

packages/ui-tree-browser/src/TreeBrowser/TreeCollection/__tests__/TreeCollection.test.tsx

@@ -360,7 +360,9 @@ describe('<TreeCollection />', async () => {
       const collection = await TreeCollectionLocator.find()
       const childs = await collection.findAllItems()
       const childNameArr = childs.map((child) => {
-        return child.getDOMNode().ariaLabel
+        return child
+          .getDOMNode()
+          .querySelector('span[class$="treeButton__textName"]')?.textContent
       })
       expect(childNameArr.slice(1)).deep.equal([
         'A',
@@ -410,7 +412,9 @@ describe('<TreeCollection />', async () => {
       const collection = await TreeCollectionLocator.find()
       const childs = await collection.findAllItems()
       const childNameArr = childs.map((child) => {
-        return child.getDOMNode().ariaLabel
+        return child
+          .getDOMNode()
+          .querySelector('span[class$="treeButton__textName"]')?.textContent
       })
       expect(childNameArr.slice(1)).deep.equal([
         'Item A',

packages/ui-tree-browser/src/TreeBrowser/TreeCollection/index.tsx

@@ -387,7 +387,9 @@ class TreeCollection extends Component<
         tabIndex={-1}
         /* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */
         role="treeitem"
-        aria-label={this.props.name}
+        aria-label={`${this.props.name}${
+          this.props.descriptor ? ` ${this.props.descriptor}` : ''
+        }`}
         aria-level={level}
         aria-posinset={position}
         aria-setsize={this.props.numChildren}