fix(react-tree): remove comments and add change file

Author: PaulGMardling

change/@fluentui-react-tree-48fe2b57-5a5f-4455-b90c-0810d0a2ba03.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Tree selection checkbox/radio is now exposed with an accessible name so Voice Access users can select items.",
+  "packageName": "@fluentui/react-tree",
+  "email": "paulmardling@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-tree/library/src/components/TreeItemLayout/useTreeItemLayout.tsx

@@ -67,9 +67,6 @@ export const useTreeItemLayout_unstable = (
   const checked = useTreeItemContext_unstable(ctx => ctx.checked);
   const isBranch = useTreeItemContext_unstable(ctx => ctx.itemType === 'branch');
 
-  // Id of the item content, used to give the selection control an accessible name so that
-  // assistive technologies which target the visible control directly (e.g. Voice Access) can
-  // reach it. See https://aka.ms/MAS4.3.1
   const mainContentId = useId('fui-TreeItemLayout__main-');
 
   // FIXME: Asserting is required here, as converting this to RefObject on context type would be a breaking change
@@ -240,7 +237,6 @@ export const useTreeItemLayout_unstable = (
     ),
     iconBefore: slot.optional(iconBefore, { elementType: 'div' }),
     main: slot.always(main, {
-      // Only expose an id when there is a selector that needs to reference it for its name.
       defaultProps: { id: selectionMode !== 'none' ? mainContentId : undefined },
       elementType: 'div',
     }),

packages/react-components/react-tree/library/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.ts

@@ -52,8 +52,6 @@ export const useTreeItemPersonaLayout_unstable = (
       selector: (selectionMode === 'multiselect' ? Checkbox : Radio) as React.ElementType<CheckboxProps | RadioProps>,
     },
     avatarSize: treeAvatarSize[size],
-    // Preserve the id assigned by useTreeItemLayout so the selector's `aria-labelledby`
-    // (which names the selection control) keeps pointing at the primary content.
     main: slot.always(main, {
       defaultProps: { children, id: treeItemLayoutState.main.id },
       elementType: 'div',