alphagov / govuk-frontend

GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
https://frontend.design-system.service.gov.uk/
MIT License
1.18k stars 325 forks source link

Pseudo-element colours are no longer overridden by Windows High Contrast in Chrome/Edge 124 #4962

Closed querkmachine closed 6 months ago

querkmachine commented 6 months ago

Description of the issue

Versions of Google Chrome and Microsoft Edge from 124 onwards do not apply the expected override colours to pseudo-elements in Windows High Contrast Mode.

Significant issues:

Less significant issues:

Screenshots

Expected result in Edge 123 on Windows 10 (via AssistivLabs)

White on black screenshot of a simple question with three checkboxes below it. The first checkbox is checked.

Unexpected result in Edge 124 on Windows 10 (via AssistivLabs)

White on black screenshot of a simple question with what should be three checkboxes below it, however the checkboxes aren't visible.

Steps to reproduce the issue

Activate Windows High Contrast Mode on a Windows 10 or Windows 11 PC. View the design system examples or review app examples using Google Chrome 124 or Edge 124 or newer.

Actual vs expected behaviour

Elements should be rendered in a colour appropriate to the High Contrast Mode being used, rather than being static.

Environment

Reproduced in:

I also tested in Edge 123 on Windows 10 and Firefox 125 on Windows 11, neither of which exhibited this issue.

querkmachine commented 6 months ago

A fix for this appears to have shipped in bugfix releases for both Chrome 124 and Edge 124 in the last week and a bit. It is also in the version 125 releases of each browser.

If the issue persists, first ensure that you're using one of the below versions or newer. Update your browser if it is older.