Spotlight ACCS bug fix (#6009)

carocao-msft · web-flow · commit 6a582ce9e7c8 · 2025-11-21T00:18:45.000Z
* Spotlight arial label change

* changelog
diff --git a/change/@azure-communication-react-3455847c-1177-458e-975c-96333ed43fd1.json b/change/@azure-communication-react-3455847c-1177-458e-975c-96333ed43fd1.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Spotlight",
+  "comment": "Change spotlight arial label to match button label",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/src/components/VideoGallery/useVideoTileContextualMenuProps.ts b/packages/react-components/src/components/VideoGallery/useVideoTileContextualMenuProps.ts
@@ -223,7 +223,7 @@ export const useVideoTileContextualMenuProps = (props: {
             styles: { root: { lineHeight: 0 } }
           },
           onClick: () => onStopSpotlight([participant.userId]),
-          ariaLabel: strings.stopSpotlightVideoTileMenuLabel
+          ariaLabel: stopSpotlightMenuLabel
         });
       }
     } else {

Original file line number	Diff line number	Diff line change
`@@ -223,7 +223,7 @@ export const useVideoTileContextualMenuProps = (props: {`
`223`	`223`	`styles: { root: { lineHeight: 0 } }`
`224`	`224`	`},`
`225`	`225`	`onClick: () => onStopSpotlight([participant.userId]),`
`226`		`- ariaLabel: strings.stopSpotlightVideoTileMenuLabel`
	`226`	`+ ariaLabel: stopSpotlightMenuLabel`
`227`	`227`	`});`
`228`	`228`	`}`
`229`	`229`	`} else {`