1688429 - Windows High-Contrast affects & breaks websites in FireFox (unlike Chrome)

Status: NEW

(Core :: Widget: Win32, defect, P3)

Description

[Owyn Tyler]

Attachment: Снимок экрана (27).png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:84.0) Gecko/20100101 Firefox/84.0

Steps to reproduce:

1. Enable High Contrast in your Windows 10
2. Open any website where text\background color is not specified by its web-developer
3. See it displayed in the high-contrast colors of your windows 10 theme
   *4. look desperately for a way to disable this - find no such thing in Firefox, only by fully disabling windows 10 system high contrast setting

example broken webpage (one from attached screenshot):
https://zen.yandex.com/media/id/5eb164ae9f27d24aaa492a6f/personaji-iz-igry-cyberpunk-2077-i-nasha-realnost-5ebab6bdc7c480495abfd63e

bug has been there for more than few years I think and would still would be there I guess unless I report it

Actual results:

Text on many websites is unredable in Firefox when High-Contrast is turned on in your Windows 10

Expected results:

websites should be displayed in standard black&white colors like Chrome does perfectly fine from the box

Comment 1

[Daniel Bodea [:danibodea]]

I can't reproduce your issue on Windows 10 with either of the latest versions of the 4 channels (Nightly v87.0a1, Beta v86.0.b2, Release v85.0 or ESR v 78.7.0esr) with either of the 4 High Contrast profiles (High Contrast #1, High Contrast #2, High Contrast White or High Contrast Black.)

1. Does it still reproduce for you?
2. Please attempt to reproduce your issue in safe mode (https://support.mozilla.org/en-US/kb/troubleshoot-extensions-themes-to-fix-problems) and let us know of the result.

Thank you!

Comment 2

[Owyn Tyler]

1. it does
2. I created a new profile in profile manager (about:profiles) just new and launched it:

1. switched color settings from "replace only with contrast themes" to "never" in browser settings
2. page is unreadable now with no way to use colors which webdesigner for it intended

attaching screens:

Comment 3

[Owyn Tyler]

Attachment: new profile.jpg

Comment 4

[Owyn Tyler]

Attachment: color_settings.jpg

Comment 5

[Owyn Tyler]

Attachment: windows10_contrast_settings.jpg

Comment 6

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Widget: Win32' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 7

[Daniel Bodea [:danibodea]]

When the user activates High Contrast mode with themes High Contrast #1 (yellow text and black background), High Contrast Black (white text and black backbround), then goes to browsert's preferences, General tab, Language and Appearance section, Colors button/modal and changes the "Override the colors specified by the page with your selections above" drop-down from "Only with Hich Contrast themes" to "Never", then the backgrounds of webpages would change to white which would be incompatible with light-colored text colors.

I believe that this is somewhat intended, but I will confirm the issue and let it be discussed further.

Comment 8

[Stephen A Pohl [:spohl]]

So to clarify, your request here is for Windows to use High Contrast Mode, but for Firefox to have a way to disable this and display web pages as the web developer intended, correct?

Comment 9

[Owyn Tyler]

(In reply to Stephen A Pohl [:spohl] from comment #8)

So to clarify, your request here is for Windows to use High Contrast Mode, but for Firefox to have a way to disable this and display web pages as the web developer intended, correct?

Yes, because else websites become unreadable in FireFox. (white text on white background etc)

Comment 10

[BugBot [:suhaib / :marco/ :calixte]]

The severity field for this bug is set to S4. However, the accessibility severity is higher, [access-s3].
:spohl, could you consider increasing the severity?

For more information, please visit auto_nag documentation.

Comment 11

[Morgan Reschenberg [:morgan]]

ni?me to check if this is still an issue on windows
if it is, I have a feeling the fix lives in PreferenceSheet, so we may wanna re-triage this to layout

Comment 12

[Owyn Tyler]

(In reply to Morgan Reschenberg [:morgan] from comment #11)

ni?me to check if this is still an issue on windows
if it is, I have a feeling the fix lives in PreferenceSheet, so we may wanna re-triage this to layout

Firefox 106.0 - the issue is still there.

https://i2.paste.pics/019e6f658205f2d02040d48d86d063c7.png (text with unspecified color is displayed in windows color - screen from https://dzen.ru/ homepage bottom right banner)

Comment 13

[Morgan Reschenberg [:morgan]]

(In reply to Owyn Tyler from comment #12)

(In reply to Morgan Reschenberg [:morgan] from comment #11)

ni?me to check if this is still an issue on windows
if it is, I have a feeling the fix lives in PreferenceSheet, so we may wanna re-triage this to layout

Firefox 106.0 - the issue is still there.

https://i2.paste.pics/019e6f658205f2d02040d48d86d063c7.png (text with unspecified color is displayed in windows color - screen from https://dzen.ru/ homepage bottom right banner)

Hmm, in your screenshot, are you talking about dev tools? Dev tools doesn't currently support high contrast theming, that's being tracked in bug 1590215.
Are you still experiencing cases where Firefox uses your HCM colors to render websites even though you've set the colors dialog dropdown to "never"?

Comment 14

[Owyn Tyler]

(In reply to Morgan Reschenberg [:morgan] from comment #13)

(In reply to Owyn Tyler from comment #12)

(In reply to Morgan Reschenberg [:morgan] from comment #11)

ni?me to check if this is still an issue on windows
if it is, I have a feeling the fix lives in PreferenceSheet, so we may wanna re-triage this to layout

Firefox 106.0 - the issue is still there.

https://i2.paste.pics/019e6f658205f2d02040d48d86d063c7.png (text with unspecified color is displayed in windows color - screen from https://dzen.ru/ homepage bottom right banner)

Hmm, in your screenshot, are you talking about dev tools? Dev tools doesn't currently support high contrast theming, that's being tracked in bug 1590215.
Are you still experiencing cases where Firefox uses your HCM colors to render websites even though you've set the colors dialog dropdown to "never"?

No, I'm not talking about dev tools, I've opened dev tools just to show that color is not set by the website.
I'm talking about yellow color (my system high-contrast color) on white background in the bottom right corner of the website on the screenshot