diff --git a/change/@uifabric-charting-b6e8f1bb-4826-4cc0-8d7c-ca13cffd670d.json b/change/@uifabric-charting-b6e8f1bb-4826-4cc0-8d7c-ca13cffd670d.json
new file mode 100644
index 00000000000000..491a371fb17bf7
--- /dev/null
+++ b/change/@uifabric-charting-b6e8f1bb-4826-4cc0-8d7c-ca13cffd670d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix legend overflow-indication-text role",
+  "packageName": "@uifabric/charting",
+  "email": "kumarkshitij@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charting/src/components/Legends/Legends.base.tsx b/packages/charting/src/components/Legends/Legends.base.tsx
index 15c0fcc3fabf5f..4490fdbcbeb86a 100644
--- a/packages/charting/src/components/Legends/Legends.base.tsx
+++ b/packages/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}`,
           })}