1718892 - <button> has gray background, while using custom background colors settings

Status: RESOLVED INCOMPLETE

(Firefox :: Theme, defect)

Description

[frederik-giesen]

Attachment: PageCustomColors.jpg

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36

Steps to reproduce:

If you go to a website, as an example https://www.mozilla.org/de/ and change the color and background in the Firefox settings to black and white.

Settings -> General -> Language and Apperance -> Colors -> background color to black(#000000) and text color to white(#FFFFFF)

Settings -> General -> Language and Apperance -> Colors -> Override the colors specified by the page with your selections above -> Always

Actual results:

The <button>s all have a gray background, no matter what you have set as a background color in your user settings.

Expected results:

The background of the <button> should change to the color I have set in the Firefox custom colors settings.

The reason for this is accessibility, because people change the color of the background and text for better visibility. But this causes problems if not all elements of the websites adhere to the users settings.

In the image(PageCustomColors.jpg) the button has a white close icon, but when the background doesn't change his color and stays gray, the icon is not really visible.

I stumbled upon this problem, by trying to conform to the european "Accessibility requirements for ICT products and services": https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.01.01_60/en_301549v030101p.pdf

Under "11.7 User preferences": "Where software is not designed to be isolated from its platform, and provides a user interface, that user interface shall
follow the values of the user preferences for platform settings for: units of measurement, colour, contrast, font type, font
size, and focus cursor except where they are overridden by the user.
......
NOTE 2: For web content, the underlying platform is the user agent.
....."

Comment 1

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

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

Comment 2

[Clara Guerrero ( Need Info Brindusa Tot Please)]

Setting the "access" keyword and the corresponding whiteboard so that our development/UX team can take a look.

Comment 3

[Clara Guerrero ( Need Info Brindusa Tot Please)]

Attachment: settings.JPG

Comment 4

[Clara Guerrero ( Need Info Brindusa Tot Please)]

Attachment: button.JPG

Comment 5

[Clara Guerrero ( Need Info Brindusa Tot Please)]

Hi frederik,
Can you please confirm if the issue is still reproducible on your end?
Best,
Clara

Comment 6

[Clara Guerrero ( Need Info Brindusa Tot Please)]

Hi,

I'm marking this as Resolved-Incomplete due to lack of response . If the issue is still reproducible with the latest Firefox version, feel free to reopen the bug with more information.

Regards, Clara.