A11y Fixes: BUG 11009019- updated focus-visible pros for legend (#35718)

Author: v-baambati

change/@fluentui-react-charts-6d6a99e5-0049-4b43-9c15-99a323d6c925.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "A11y fix: updated focus-visible outline data",
+  "packageName": "@fluentui/react-charts",
+  "email": "132879294+v-baambati@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/charts/react-charts/library/src/components/Legends/useLegendsStyles.styles.ts

@@ -60,6 +60,10 @@ const useStyles = makeStyles({
     [HighContrastSelector]: {
       color: 'WindowText',
       forcedColorAdjust: 'none',
+      '&:focus-visible': {
+        outline: `${tokens.strokeWidthThick} solid canvasText`,
+        outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`,
+      },
     },
     '&:hover': {
       [HighContrastSelector]: {