diff --git a/change/@fluentui-react-charting-fe6d38c5-47ee-48e4-8bef-d3df5d7f44be.json b/change/@fluentui-react-charting-fe6d38c5-47ee-48e4-8bef-d3df5d7f44be.json
new file mode 100644
index 00000000000000..bb5700300f4f6e
--- /dev/null
+++ b/change/@fluentui-react-charting-fe6d38c5-47ee-48e4-8bef-d3df5d7f44be.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix legend overflow-indication-text role",
+  "packageName": "@fluentui/react-charting",
+  "email": "kumarkshitij@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-charting/src/components/Legends/Legends.base.tsx b/packages/react-charting/src/components/Legends/Legends.base.tsx
index cf238c91daf2c2..9c1615e22de136 100644
--- a/packages/react-charting/src/components/Legends/Legends.base.tsx
+++ b/packages/react-charting/src/components/Legends/Legends.base.tsx
@@ -306,7 +306,7 @@ export class LegendsBase extends React.Component<ILegendsProps, ILegendState> {
           className={classNames.overflowIndicationTextStyle}
           ref={(rootElem: HTMLDivElement) => (this._hoverCardRef = rootElem)}
           {...(allowFocusOnLegends && {
-            role: 'link',
+            role: 'button',
             'aria-expanded': this.state.isHoverCardVisible,
             'aria-label': `${items.length} ${overflowString}`,
           })}