New issue
Advanced search Search tips

Issue 752620 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 776871
Owner: ----
Closed: Aug 7
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug
Team-Accessibility



Sign in to add a comment

Popups for form controls such as the date picker do not respond to system High Contrast settings on Win10

Reported by prashant...@gmail.com, Aug 4 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.90 Safari/537.36

Steps to reproduce the problem:
Use Windows 10 for this, as system high contrast settings is the use case scenario. 
0. Set the system High Contrast settings to High Contrast (Black)
1. Make a basic HTML file : 
<html>
    <body>
        <input type="datetime-local" />
    </body>
</html>
2. Save it as a HTML file
3. Open the HTML file using Google Chrome
4. Open the HTML file using Microsoft Edge

What is the expected behavior?
The Chrome tab would have the background in black, and the text in white. This also holds for the calendar view for the date picker. 

What went wrong?
The Edge implementation conforms to the HC black color scheme, while Google Chrome does not. 
I've tried using the High Contrast extension by Google accessibility. It still does not flip the colors.

Did this work before? N/A 

Chrome version: 60.0.3112.90  Channel: stable
OS Version: 10.0
Flash Version:
 
datetime-chrome-60.0.3112.90.png
7.3 KB View Download
datetime-edge-40.15063.0.0.png
8.0 KB View Download

Comment 1 by kochi@chromium.org, Aug 7 2017

Components: -Blink Blink>Forms>Datetimelocal
Owner: tkent@chromium.org
tkent-san, could you take a look at this?

Comment 2 by tkent@chromium.org, Aug 7 2017

Cc: tkent@chromium.org
Components: Blink>Accessibility
Owner: ----
Status: Untriaged (was: Unconfirmed)
Summary: Popups for form controls such as the date picker do not respond to system High Contrast settings on Win10 (was: Blink Component DataTimeLocal (the datepicker) does not respond to system High Contrast settings on Win10)
I think the following form-related widgets don't support high-contrast mode.
- Calendar picker
- Datalist picker
- SELECT popup menu
- Form validation bubble

Also, any WebUI views such as chrome://settings don't support hight-contrast.

Thanks for clarifying this tkent. :-) 
I would be happy if you could clarify a couple of follow-ups: 
1. Is a high contrast fix for form related widgets on the cards? Is there a timeline for when these might be fixed? 
2. In the near term - Aside from re-writing the form control from ground up, is there any workaround to ensure this works in High Contrast settings? My use case is a chromium-based desktop app, hence requesting users to install an extension after install is not a very viable option. 
Status: Available (was: Untriaged)
Chrome 63.0.3208.0 (Official Build) canary (64-bit) (cohort: 64-Bit)
Windows 10 Enterprise Version 10.0.14393 Build 14393
Microsoft Edge 38.14393.1066.0

I am able to repro this issue, Chrome is not rendering in High Contrast.  

0. Set the system High Contrast settings to High Contrast (Black)
1. Make a basic HTML file : 
<html>
    <body>
        <input type="datetime-local" />
    </body>
</html>
2. Save it as a HTML file
3. Open the HTML file using Google Chrome
4. Open the HTML file using Microsoft Edge
5. Open the HTML file using Chrome with High Contrast extension 

Chrome AND Chrome with High Contrast extension on, no difference between the two: https://screenshot.googleplex.com/FFXXkasGBJb.png

Edge: https://screenshot.googleplex.com/rsj5SZJEDig.png
Labels: win-a11y
Labels: contrast
Mergedinto: 776871
Status: Duplicate (was: Available)

Sign in to add a comment