elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.76k stars 8.16k forks source link

Some UI controls are difficult to see on low contrast displays #8302

Closed stacey-gammon closed 7 years ago

stacey-gammon commented 8 years ago

Running Kibana 6.0-alpha in Chrome, on OS-X, viewing on an HP monitor with poor contrast, the 'time-field name' drop down becomes very difficult to see.

hardtoseedropdown

@alt74 @cjcenizal

stacey-gammon commented 8 years ago

After some more investigating, turns out my monitor can't tell the difference between lights tints at all. If we were to fix this, #ddddd is probably about where we'd need to bring it to. However, if no one else sees this issue, it might not be worth fixing for my old, possibly broken, monitor.

img_20160915_141905

stacey-gammon commented 8 years ago

If we decide to fix it, I think a border color of #dddddd around input elements is a nice option and looks good on both monitors (sorry for the haze in the photo).

20160915_144512-collage

epixa commented 8 years ago

From an accessibility standpoint, we should definitely fix this. I'm +1 to the border approach.

@alt74 what do you think?

cjcenizal commented 7 years ago

@Stacey-Gammon Could you take a look at https://github.com/elastic/kibana/pull/11419 and let me know if the contrast is sufficient for you?

cjcenizal commented 7 years ago

Addressed by https://github.com/elastic/kibana/pull/11419