From b39e91f7e55c1fe66dc6a6e200491236d32e023b Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Tue, 2 Jun 2026 08:47:34 -0700 Subject: [PATCH 1/2] Add link disabled HCM styles --- .../src/components/Link/useLinkStyles.styles.ts | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts b/packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts index 197e87f47d271..9b04d6acdfade 100644 --- a/packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts +++ b/packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts @@ -90,6 +90,19 @@ const useStyles = makeStyles({ textDecorationLine: 'none', color: tokens.colorNeutralForegroundDisabled, }, + + // There is no native disabled state for links, so we need to explicitly style the disabled state for high contrast mode. + '@media (forced-colors: active)': { + color: 'GrayText', + + ':hover': { + color: 'GrayText', + }, + + ':active': { + color: 'GrayText', + }, + }, }, inverted: { color: tokens.colorBrandForegroundInverted, From ac1382ea8c9279f517dbed39567397583de69bea Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Tue, 2 Jun 2026 08:48:10 -0700 Subject: [PATCH 2/2] change file --- ...ui-react-link-046c4989-5d7d-41a2-949f-dd71ad60c063.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-react-link-046c4989-5d7d-41a2-949f-dd71ad60c063.json diff --git a/change/@fluentui-react-link-046c4989-5d7d-41a2-949f-dd71ad60c063.json b/change/@fluentui-react-link-046c4989-5d7d-41a2-949f-dd71ad60c063.json new file mode 100644 index 0000000000000..1d977aa978f6c --- /dev/null +++ b/change/@fluentui-react-link-046c4989-5d7d-41a2-949f-dd71ad60c063.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix(Link): add disabled styles for high contrast mode", + "packageName": "@fluentui/react-link", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +}