[bugfix] SidePaneHeader aria label (#4475)

* Aria label for sidepane header

* Change files

Author: edwardlee-msft

change-beta/@azure-communication-react-89647e48-b354-4ad2-9ad0-58f25f404fd7.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "a11y",
+  "comment": "Aria label for sidepane header",
+  "packageName": "@azure/communication-react",
+  "email": "edwardlee@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-89647e48-b354-4ad2-9ad0-58f25f404fd7.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "a11y",
+  "comment": "Aria label for sidepane header",
+  "packageName": "@azure/communication-react",
+  "email": "edwardlee@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/common/SidePaneHeader.tsx

@@ -45,7 +45,7 @@ export const SidePaneHeader = (props: {
 
   return (
     <Stack horizontal horizontalAlign="space-between" styles={sidePaneHeaderContainerStyles} verticalAlign="center">
-      <Stack.Item role="heading" styles={sidePaneHeaderStyles}>
+      <Stack.Item role="heading" styles={sidePaneHeaderStyles} aria-label={props.headingText}>
         {props.headingText}
       </Stack.Item>
       <Stack.Item>