diff --git a/change/@azure-communication-react-5eb1353d-8010-4366-85da-d7870f6bfeb1.json b/change/@azure-communication-react-5eb1353d-8010-4366-85da-d7870f6bfeb1.json
new file mode 100644
index 00000000000..e6181aa34b7
--- /dev/null
+++ b/change/@azure-communication-react-5eb1353d-8010-4366-85da-d7870f6bfeb1.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "sidepane",
+  "comment": "Fix ACCS bug where side pane without correct role is getting arial model true",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-composites/src/composites/CallComposite/components/SidePane/SidePane.tsx b/packages/react-composites/src/composites/CallComposite/components/SidePane/SidePane.tsx
index db20701a1aa..1b7a09653cf 100644
--- a/packages/react-composites/src/composites/CallComposite/components/SidePane/SidePane.tsx
+++ b/packages/react-composites/src/composites/CallComposite/components/SidePane/SidePane.tsx
@@ -115,7 +115,7 @@ export const SidePane = (props: SidePaneProps): JSX.Element => {
       verticalFill
       grow
       styles={paneStyles}
-      aria-modal={true}
+      aria-modal={props.ariaLabel ? true : undefined}
       data-ui-id="SidePane"
       tokens={
         props.mobileView || (!props.showAddPeopleButton && sidePaneRenderer?.id === 'people') ? {} : sidePaneTokens