diff --git a/CHANGELOG.md b/CHANGELOG.md index 7eae591079..2b7ed2fad9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,7 @@ This was added in [pull request #2164: Enable cookie banner to set link styled a - [#2132: Improve vertical alignment of phase banner tag on mobile devices](https://github.com/alphagov/govuk-frontend/pull/2132) – thanks to [@matthewmascord](https://github.com/matthewmascord) for contributing this. - [#2157: Use pointer cursor for 'Menu' button in header](https://github.com/alphagov/govuk-frontend/pull/2157) – thanks to [@MalcolmVonMoJ](https://github.com/MalcolmVonMoJ) for contributing this. - [#2171: Fix padding on GOV.UK logo affecting hover and focus states](https://github.com/alphagov/govuk-frontend/pull/2171) +- [#2186: Fix display of warning text in Edge when Windows High Contrast Mode is enabled](https://github.com/alphagov/govuk-frontend/pull/2186) ## 3.11.0 (Feature release) diff --git a/src/govuk/components/warning-text/_index.scss b/src/govuk/components/warning-text/_index.scss index 12b5d3fafb..a0d5edb943 100644 --- a/src/govuk/components/warning-text/_index.scss +++ b/src/govuk/components/warning-text/_index.scss @@ -43,6 +43,16 @@ // Prevent the exclamation mark from being included when the warning text // is copied, for example. user-select: none; + + // Improve rendering in Windows High Contrast Mode (Edge), where a + // readability backplate behind the exclamation mark obscures the circle + forced-color-adjust: none; + + @media screen and (forced-colors: active) { + border-color: windowText; + color: windowText; + background: transparent; + } } .govuk-warning-text__text {