1503521 - google image search: All images are black. I use windows 'high contrast' settings

Status: NEW

(Firefox :: Disability Access, defect, P3)

Description

[janbrex]

Attachment: how the bug looks like in google image search

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

Steps to reproduce:

I'am using google image search. And I'am using Windows 'high contrast' mode which can be found under 'Display settings' in Windows. When I serach for an image, i.e. 'summer' then the search results consists of black images. Please look into in the screenshot below.


Actual results:

With the newest firefox version 63.0 (64) it isn't possible to search images with google. The search results are just black. In the older firefox versions the images are displayed correctly. 


Expected results:

Images results should be displayed.

Comment 1

[Alice0775 White]

I can reproduce the issue on Edge win10.

So, this seems to be the site problem.

Comment 2

[Alice0775 White]

Attachment: reduced htm

Comment 3

[Rares Doghi, Desktop QA]

Hi, I managed to reproduce this issue using the reduced test case from Comment 2 using Firefox 63.0.1 (20181030165643) as well as Nightly 65.0a1 (2018-11-05) and Beta 64.0b5, Please note that the same issue occurs On Edge browsers and IE 9 but not on Chrome.

Comment 4

[Xidorn Quan [:xidorn] UTC+10]

Moving to Layout: Images for now, but I suspect this might be affected by some accessibility feature which Chrome doesn't implement, given it's affecting Edge.

Comment 5

[James Teh [:Jamie]]

This is not an a11y API issue. Layout is a better fit, but we don't really have a good component for our high contrast code yet, so moving into the generic disability access component for now. We should discuss an appropriate place for these bugs with layout.

Comment 6

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

The priority flag is not set for this bug.
:asa, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 7

[Asa Dotzler [:asa]]

duplicate of bug 1266172?

Comment 8

[James Teh [:Jamie]]

(In reply to Asa Dotzler [:asa] from comment #7)

duplicate of bug 1266172?

On first glance, it seems so. However, what concerns me here is this:

(In reply to Alice0775 White from comment #1)

I can reproduce the issue on Edge win10.

(In reply to Rares Doghi from comment #3)

Please note that the same issue occurs On Edge
browsers

The current release build of Edge (non-Chromium) should have the high contrast backplate, which means it should display background images, I think?

Comment 9

[Asa Dotzler [:asa]]

OK. I'm wrong. This isn't a dupe of bug 1266172. This isn't a background image issue at all. The reduced testcase fails to display in Edge and Firefox with Windows high contrast mode on but displays fine without HCM. It looks to me like it's not that the image isn't there, but it's being covered up by this: <div style="background-color: rgba(0,0,0,.03);position: absolute;height: 100%;width: 100%;"></div> Why only in HCM? I don't know. When I remove the display: inline-block from the href I can see the image.

Comment 10

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

The priority flag is not set for this bug.
:asa, could you have a look please?

For more information, please visit auto_nag documentation.